Vue.js根据v-model值更改文本输入的占位符 [英] Vue.js change placeholder of text input according to v-model value
本文介绍了Vue.js根据v-model值更改文本输入的占位符的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要更改通过Vue.js数据绑定输入的文本的占位符.这是我的代码.
I need to change placeholder of a text input via Vue.js data binding. Here is my code.
<select2 :options="power_options" v-model="power">
<option selected value="hp">hp</option>
<option value="kW">kW</option>
</select2>
<input name="power_to" type="text"
class="form-control pwer_change" v-model="power_from" placeholder='[[ power ]]' style="display: inline;width: 48%;">
<input name="power_from" type="text"
class="form-control pwer_change" v-model="power_to" placeholder="[[ power ]]" style="display: inline;width: 48%;">
这是我的Vue代码...
Here is my vue code...
var vm = new Vue({
el: '#el',
delimiters: ["[[", "]]"],
data: {
power: "hp",
power_from: null,
power_to: null,
},
created: function () {
},
methods: {
}
});
我已将"{{"定界符更改为"[[",并使用了 select2包装器组件.我需要根据 v-model ="power" 更改电源" 和电源自" 输入占位符
I have changed "{{" delimiters to "[[" and using select2 Wrapper Component. I need to change "power to" and "power from" input placeholders according to v-model="power"
推荐答案
在这种情况下,您应该使用占位符属性表示法:placeholder="[[ power ]]"
:
You should use placeholder property notation in this case :placeholder="[[ power ]]"
:
<input
name="power_to"
type="text"
class="form-control pwer_change"
v-model="power_from"
:placeholder="[[ power ]]"
style="display: inline;width: 48%;"
/>
这篇关于Vue.js根据v-model值更改文本输入的占位符的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文