element-ui中的select下拉列表 设置默认值
2017-09-14 14:11
531 查看
element-ui中的select下拉列表如何设置默认值?
在element-ui的运用中,涉及到了select下拉列表。项目中需要将select的默认值给展示出来
那如何修改呢?
上element-ui中的代码片段
修改如下
接下来。我们在点击查询的方法里打印一下value的值
这样就保证了this.value打印出来的为0,1,2,3。拿到这些值后,就可以传给后端,请求数据了!
在element-ui的运用中,涉及到了select下拉列表。项目中需要将select的默认值给展示出来
那如何修改呢?
上element-ui中的代码片段
<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </template> <script> export default { data() { return { options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }, { value: '选项3', label: '蚵仔煎' }, { value: '选项4', label: '龙须面' }, { value: '选项5', label: '北京烤鸭' }], value: '' } } } </script>
修改如下
<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </template> <script> export default { data() { return { options: [{ value: '0', label: '全部' }, { value: '1', label: '待收款' }, { value: '2', label: '已收款' }, { value: '3', label: '已发货' }, value: '全部' } } } </script>
接下来。我们在点击查询的方法里打印一下value的值
onSearch () { // console.log('value是' + this.value) if (this.value === '全部') { this.value = '0' } }
这样就保证了this.value打印出来的为0,1,2,3。拿到这些值后,就可以传给后端,请求数据了!
相关文章推荐
- element-ui中的select下拉列表设置默认值方法
- Select下拉列表设置默认值,html和js
- 【Angular】select标签,ng-options标签中,下拉列表动态查询,默认值为空;
- element-ui中select下拉框,选择后赋值成功,但是框上不显示的坑
- js javascript <select>根据value或text设置下拉列表的默认值
- 下拉列表等控件默认值的设置
- CakePHP: 设置下拉列表默认值和单选框默认值
- DataGridView动态添加下拉列表DataGridViewComboBoxColumn并为下拉列表设置默认值
- select 设置下拉列表的选中项的值 显示当前日期 年份 月份 下拉列表获取当前日期
- easyUI设置下拉列表默认值
- jQuery select2设置默认值为下拉列表中的一个选项
- 动态给option设置selected后,select下拉框显示不正确,未显示默认值
- 下拉列表设置默认值实例
- 一般操作需要导入的jquery包(jquery.js包)和 jquery操作select下拉列表(取值及设置选中某一个option)
- Jquery 根据value值设置下拉列表(select)默认选中项
- Jquery 根据value值设置下拉列表(select)默认选中项
- jsp页面中select下拉控件设置默认值。
- 下拉列表Select2插件的使用
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- 下拉列表选择控件, 用于替换原生的 select 控件