直接写会报错,可以使用带setter的双向绑定计算属性
// 给 <input> 中绑定 value,然后侦听 input 或者 change 事件,在事件回调中调用一个方法。
<el-input :value="message" @input="updateMessage">
data(){
return(){
msg:10,
}
},
computed: {
message() {
return this.msg + '%';
}
},
methods: {
updateMessage (e) {
this.msg = e.target.value;
}
}
// 使用带有 setter 的双向绑定计算属性:
<el-input v-model="message">
computed: {
message: {
get () {
return this.msg + '%';
},
set (value) {
this.msg = value;
}
}
}