vue 下拉框默认选中自定义的那一项

在自定义下拉框数据的时候想默认选中特定的一项该怎么办？

1.用使用双向绑定

<select @change="selectColr($event)" v-model="selectOpt" class="selectColor"><option v-for="(item,index) in colorArr" :value="item.value">{{item.color}}</option>
</select>

2.在data中声明 **selectOpt: “#7afff7”,**这个就是你想选中的那一个

data() {return {colorArr: [{color: '蓝',value: '#7afff7'},{color: '绿',value: '#7affcf'},{color: '白',value: '#ffffff'},{color: '红',value: '#ff0000'}],selectOpt: "#7afff7", //选中默认项}
},

vue 下拉框默认选中自定义的那一项相关推荐

select下拉框默认选中selected属性不起作用的解决方法 ligerui
select下拉框默认选中selected属性不起作用浏览器-360浏览器系统-win10 框架-ligerui 原先代码: <td align="left" class ...
获取下拉框的文本和值，下拉框默认选中
js获取select标签选中的值,下拉框默认选中 <option value="${boj.xxx}" ${boj.xxx eq param.SELECT_NAME ? 's ...
jquery中如何获取select 下拉框默认选中的值？
通过id获取下拉框默认选中的值 <select class="form-control" id="numbers"><option value ...
html下拉框怎么默认选中,select获取下拉框的值下拉框默认选中方法
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值例如: 数字1 数字2 $("#numbers option:selected").val( ...
layui表单单选按钮和下拉框默认选中
单选按钮和下拉框默认选中在使用layui的单选按钮和下拉框时,有时候需要将后台传过来的值使得单选框和下拉菜单默认选中.我的方法是将后台穿过来的值先放在一个隐藏域中,然后再去取值. 1.HTML片 ...
angularjs的select 下拉框默认选中某个选项
angularjs的select 下拉框默认选中某个选项在网上找了很多链接,试验之后都不行.比如常见的: <select class="form-control" ng-m ...
php下拉默认选中的值,select下拉框默认选中
这次给大家带来select下拉框默认选中,select下拉框默认选中的注意事项有哪些,下面就是实战案例,一起来看一下. 本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和 ...
easyui的combobox设置下拉框默认选中某一项
JSP页面:可以这样写,提供option的选项, <input class="easyui-combobox" name="customerStatus" ...
js怎么给下拉框默认选中
怎么给下拉框默认选中 <select id="shipping" name="node_type" class="valid"> ...

vue 下拉框默认选中自定义的那一项

vue 下拉框默认选中自定义的那一项相关推荐

最新文章

热门文章