我想通过vue里面的v-model获取numberbox里面的值，但是不能触发更新怎么办？
用getValue()可以看到已经更新为7，但是v-model里的值还是5
zzxprint
- 发布：2018-07-27 09:43
- 更新：2020-08-26 11:42
- 阅读：2060
最近也碰到类似的问题, 百度已解决.
大概的原理是先加载vue再初始化mui.
代码部分需要吧mui初始化的代码移动到vue的mounted()中.
(function($, doc) {
//$.init();
}(mui, document));var vcontent = new Vue({
el: '#mycontent',
data: {
},
mounted() {
mui.init();
//mui(".mui-numbox").numbox(); //可有可无, 有的说需要初始化但感觉直接调用init就行了
},
methods: {
}
});-
<div class="mui-numbox" data-numbox-min='0' style="width: 140px;height: 30px;">
<button class="mui-btn mui-btn-numbox-minus" type="button" @click="myMinusBtn(item)">-</button>
<input class="mui-input-numbox" type="number" v-model="item.sqsl"/>
<button class="mui-btn mui-btn-numbox-plus" type="button" @click="myPlusBtn(item)">+</button>
</div>
myPlusBtn: function(item){
if(item.sqsl >= 0){
item.sqsl ++;
}
}
myMinusBtn: function(item){
if(item.sqsl > 0){
item.sqsl --;
}
}2020-08-28 11:57
