vue下使用select2,绑定数据问题

在select元素上应用v-model绑定数据,本来没啥问题,后来应用了select2优化样式,发现v-model不管用了。

html部分:

<select id="deviceTypeAdd" name="deviceTypeAdd" v-model="deviceTypeAdd" type="text" class="span3">
     <option value="-1">请选择报废设备类型</option>
     <option v-for="(key, value) in deviceType" value="{{key}}">{{value}}</option>
</select>
select元素应用select2:

$('select').select2();

在浏览器看了下select2把元素渲染了成这样,怪不得绑定不了

chrome 下查看的

解决

//选择的值绑定到全局变量
$("#deviceTypeAdd").on('change', function (e) {
   this.deviceTypeAdd = e.val;
});

//select选定某个默认值
watch: {
    deviceTypeAdd: function (val) {
       $("#deviceTypeAdd").select2('val', val);
    }
}
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值