element-uiinput框动态更改placeholder
项⽬中遇到的实际情况：
两个单选框，后⾯跟⼀个input框，选择某⼀个单选框的时候，后⾯的input框的placeholder会跟着变化。
⽐如操作单选框买家，input框后⾯placeholder出现“请输⼊买家账号”；操作“卖家”单选框按钮的时候，placeholder变成“请输⼊卖家账号”两种⽅法：
⽅法⼀
写两个input框
<el-input class="inline-input"  v-if="radio==='0'" v-model='formInline.search' placeholder="买家账号"></el-input>
<el-input class="inline-input"  v-if="radio==='1'" v-model='formInline.search' placeholder="商家账户"></el-input>
根据radio的值来做显⽰和隐藏，完成placeholder的变化（其实是变了input框，本质上并不是变化placeholder）
⽅法⼆
<el-input class="inline-input"  v-model='formInline.search' :placeholder="holder"></el-input>
动态写placeholder
先在data⾥⾯定义holder的值，
然后利⽤vue的wacth⽅法，监听radio的变化。
watch: {
radio: function () {
if (this.radio === '1') {
this.holder = '请输⼊卖家账号'
input标签placeholder属性} else {
this.holder = '请输⼊买家账号'
}
}
}
当radio变化后，holder会跟着变化。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。