vue input进行v-model双向绑定后，在watch中监听绑定的值，当在watch中设置value值时，input内容未实时改变。
【vue input进行v-model双向绑定后，在watch中监听绑定的值，当在watch中设置value值时，input内容未实时改变。】例如：
watch中监听并设置value的最大长度为50，这样的写法会不生效。此时input的输入长度并没有立刻被限制，还可以继续输入。
watch: {
value(newVal, oldVal) {
if (newVal.length > 50) {
newVal = newVal.slice(0, 50)
this.value = https://www.it610.com/article/newVal
}
}
}
正确写法：
watch: {
value(newVal, oldVal) {
if (newVal.length > 50) {
newVal = newVal.slice(0, 50)
this.$nextTick(() => {
this.value = https://www.it610.com/article/newVal
})
}
},
}
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- 怎么将桌面上的CAD图纸添加到软件中进行BMP格式转换（）
- R语言迹检验协整关系式_使用R语言进行协整关系检验
- R|R for data Science（六）(readr 进行数据导入)
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)