举一个el-input使用v-on:cinput双向绑定数据的详例
时间: 2024-05-22 07:13:33 浏览: 126
小程序input数据双向绑定实现方法
5星 · 资源好评率100%
当然,很高兴能回答你这个问题! 下面是一个el-input使用v-on:cinput双向绑定数据的详例:
<template>
<div>
<el-input v-model="inputValue" placeholder="请输入内容" v-on:cinput="updateInput"></el-input>
<p>当前输入的内容为: {{ inputValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: "",
};
},
methods: {
updateInput(val){
this.inputValue = val;
}
}
};
</script>
希望我的回答对你有所帮助!
阅读全文