[英]Use static value while v-model is changing it
我需要在 label 标签中显示“product.upc”而不更改(静态,始终相同的值),而 v-model 通过输入更改值。
<div class="input-group-prepend">
<label class="input-group-text p-0">@{{ product.upc }}</label>
</div>
<input type="text" class="form-control text-center" v-model="product.upc">
v-model
是一种双向绑定,它肯定会在任何使用它的地方更新,因此请为您的 label 使用另一个变量。
例如,在挂载的挂钩上,您可以在另一个数据变量中设置product.upc
的初始值,并将其用作您的 label。
On Js side-
data() {
return {
label: null,
product: {
upc: "something",
}
}
},
mounted() {
this.label = product.upc
}
On the template side-
<div class="input-group-prepend">
<label class="input-group-text p-0">@{{ label }}</label>
</div>
<input type="text" class="form-control text-center" v-model="product.upc">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.