可以把js中的对象转成url参数的函数介绍（代码实例）

问：可以把js中的对象转成url参数的函数介绍（代码实例）

答：本篇文章给大家带来的内容是关于可以把js中的对象转成url参数的函数介绍（代码实例）），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。这个函数呢是自己在写基于Vue+ElementUI管理后台时用到的,下面列出来两种使用方式：最普通的，封装一个js函数/** * 对象转url参数 * @param {*} data * @param {*} isPrefix */ urlencode (data, isPrefix) { isPrefix = isPrefix ? isPrefix : false let prefix = isPrefix ? '' : '' let _result = [] for (let key in data) { let value = data[key] // 去掉为空的参数 if (['' undefined, null]。includes(value)) { continue } if (value。constructor === Array) { value。forEach(_value => { _result。push(encodeURIComponent(key) + '[]=' + encodeURIComponent(_value)) }) } else { _result。push(encodeURIComponent(key) + '=' + encodeURIComponent(value)) } } return _result。length ? prefix + _result。join('&') : '' }在Vue组件化开发时，我是这样写的写了一个工具文件utils。js，将其作为工具包引入Vue的main。js，并将其附给Vue原型，这样在每个组件中就可以使用this。$utils来使用里面的一些工具函数了utils。js文件const utils = { /** * 对象转url参数 * @param {*} data * @param {*} isPrefix */ urlencode (data, isPrefix = false) { let prefix = isPrefix ? '' : '' let _result = [] for (let key in data) { let value = data[key] // 去掉为空的参数 if (['' undefined, null]。includes(value)) { continue } if (value。constructor === Array) { value。forEach(_value => { _result。push(encodeURIComponent(key) + '[]=' + encodeURIComponent(_value)) }) } else { _result。push(encodeURIComponent(key) + '=' + encodeURIComponent(value)) } } return _result。length ? prefix + _result。join('&') : '' }, // 。其他函数。}export default utilsmain。js文件import Vue from 'vue'import App from '/App。vue'import utils from '@/utils/utils'// 。其他代码。Vue。prototype。$utils = utils// 。其他代码。在使用的时候可以这样写// 。其他代码this。$utils。urlencode(this。params)// 。其他代码。

【相关文章】

★ 320302身份证是哪里的(320302身份证号码的所属地是哪里？)

★ 320281身份证是哪里的(身份证号320281的发行地点在哪里？)

★ 30号油价调整最新消息(能源局确认30号油价上调，加油费或将上涨)

★ 2尺3是多少厘米腰围(2尺3等于多少厘米的腰围？)

★ 29层楼房的黄金是几层(29层楼房黄金哪几层最多？)

★ 24瓶装矿泉水批发价(批发价！24瓶装矿泉水优惠来袭！)