首先是输入框 绑定好model
代码语言:javascript复制<el-input placeholder="请输入消息内容" v-model="keyword"></el-input>
然后使用watch监听model的变化 并过滤掉特殊字符
代码语言:javascript复制<script>
function filterInput(val) {
// 这里过滤的是除了中英文和数字的其他字符
return val.replace(/[^a-zA-Z0-9u4e00-u9fa5]/, '')
}
export default {
data() {
return {
keyword: ''
}
},
watch: {
keyword: function (val) {
this.keyword = filterInput(val)
}
}
}
</script>