vue项⽬input的placeholder根据⽤户的选择改变html部分
<el-input :placeholder="holder" v-model="searchKey">
<el-select v-model="searchType" placeholder="保单号" slot="prepend" >
<el-option v-for="item in searchTypes" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-input>
data部分
data(){
return{
holder: '',//在这声明⼀个holder。将input的placeholder绑定上这个属性
loading: true,
searchTypes: [{
value: '1',
label: '保单号'
}, {
value: '3',
label: '投保⼈'
input标签placeholder属性}, {
value: '4',
label: '车牌号'
}],
searchType: "", //关键字
}
}
watch监听部分
watch: {
searchType: function() { //searchType是select绑定的字段，在这⾥监听searchType
if(this.searchType == '1') {
this.holder = '请输⼊保单号查询'
} else if(this.searchType == '3') {
this.holder = '请输⼊投保⼈查询'
} else {
this.holder = '请输⼊车牌号查询'
}
}
},

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