我想创建输入,如果模式不匹配,我可以用空字符替换输入的字符。
模板:
<input
type="text"
:value="val"
@input="input"
/>
脚本:
import { ref } from "vue";
export default {
setup() {
let val = ref("");
const input = ({ target }) => {
val.value = target.value.replace(/[^d]/g, "");
};
return { val, input };
},
};
3条答案
按热度按时间zbdgwd5y1#
您可以使用Watcher删除输入的数字:
bnlyeluc2#
如果您想让用户只输入数字,您也可以使用
<input type="number">
在本机的HTML中这样做。rbl8hiat3#
在代码中,当模式匹配时将替换内容。根据您的问题,当模式不匹配时,您希望将其设为空。
如果您还想在更多的输入域中实现,则更好的方法是使用指令。
现在是您的输入字段