Vue.js 如何使用代码更改数字文本框值?
我有一个数字文本框,如下所示:Vue.js 如何使用代码更改数字文本框值?,vue.js,kendo-ui,kendonumerictextbox,Vue.js,Kendo Ui,Kendonumerictextbox,我有一个数字文本框,如下所示: 如何在代码中设置值 我尝试过的事情: $(“#值字段”).val(0.00)-此功能暂时工作,但在获得焦点时会更改回上一个值 我尝试了一个类似于v-model=“myValue”的模型,但是更改代码中的值不会更新字段 我不知道我需要做什么才能改变它 您应该使用v-model指令速记或:value绑定和@input事件。() 完整演示: 带v型: data(){ 返回{ 我的价值:5 }; }, 方法:{ UpdateMyValue以编程方式(){
如何在代码中设置值
我尝试过的事情:
$(“#值字段”).val(0.00)代码>-此功能暂时工作,但在获得焦点时会更改回上一个值
v-model=“myValue”
的模型,但是更改代码中的值不会更新字段
我不知道我需要做什么才能改变它 您应该使用
v-model
指令速记或:value
绑定和@input
事件。()
完整演示:
- 带
v型
:
data(){
返回{
我的价值:5
};
},
方法:{
UpdateMyValue以编程方式(){
这个.myValue=10;
}
}
- 带有
:值
和
:@input
data(){
返回{
我的价值:5
};
},
方法:{
输入(e){
this.myValue=e.target.value;
},
UpdateMyValue以编程方式(){
这个.myValue=10;
}
}
我用过v型车
,效果很好。也许问题是代码的另一部分。检查这个演示:这是很好的确认。谢谢,我会从这个角度调查的。