[英]how to set value to input field in vuejs
<div class="col-md-8">
<va-input label="Address 1"
v-model="Address1"
id="address"
class="inp">
</va-input>
</div>
下面我调用 api 来获取数据。 得到后我需要将值设置为上面的输入字段。
document.getElementById("address").value =res.data[0].address1,
但上面的代码不起作用。
尝试使用ref
属性,请参见此处: https ://v2.vuejs.org/v2/api/#ref 基本上看起来像:
<va-input label="Address 1"
v-model="Address1"
id="address"
class="inp"
ref="inputRef"
>
</va-input>
...
this.$refs.inputRef.$el.value = ...
您可能需要深入研究结构,但可以从$el
访问该元素。
您需要将此数据添加到组件的“数据”中,只需创建:
`data() {
return {
Address1: ''
}
}`
并在created()
或您要分配此值的任何地方: this.Adress1 = res.data[0].address1
基本上这是做这些事情的vue方式,并正确使用v-model。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.