vuerouter带参数为数组,数组字符串与数字的转换
- 问题: 通过vue-router,实现从页面B跳转页面A,页面A默认展示选择B带过来的参数所查询到的结果列表- 涉及:- 数组字符串与数字的转换- elementUI的Select选择器,options选项的value值为全等比较,若原有value值类型为数字而传入的是字符串,不会做转换,故value类型需确定好,防止出现问题- 源代码-页面A://...
·
- 问题: 通过vue-router,实现从页面B跳转页面A,页面A默认展示选择B带过来的参数所查询到的结果列表
- 涉及:
- 数组字符串与数字的转换
- elementUI的Select选择器,options选项的value值为全等比较,若原有value值类型为数字而传入的是字符串,不会做转换,故value类型需确定好,防止出现问题
- 源代码-页面A:
// 页面Ahtml代码:
<el-select v-model="value" multiple placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
//--- data
value1: '',
options: [] // 后端获取,转换为{value: 1, label: '选项一'}形式
// --- 逻辑部分
this.value = this.$route.query.status.map(Number) || []
源代码-页面B:
// --- 逻辑部分
let url = '/pages/A'
let query = {status: [1,2].map(String))} // 即转换为query.status = '1,2'
路由跳转:
'/pages/A?status=1&status=2'
更多推荐
已为社区贡献3条内容
所有评论(0)