vue中如何做到一个button点击后,若页面中全部输入框中没有内容则会进行提醒
时间: 2023-03-21 15:02:35 浏览: 246
让页面的输入框拥有自动完成提示功能
你可以给这个button绑定一个点击事件,在事件处理函数中判断页面中所有的输入框是否都为空。可以使用document.querySelectorAll()方法获取到页面中所有的输入框,然后遍历这个输入框列表,判断每个输入框的value属性是否为空,如果所有输入框都为空,则弹出提醒框提示用户输入内容。代码示例如下:
```
<button @click="checkInputs">点击我</button>
...
methods: {
checkInputs() {
let inputs = document.querySelectorAll('input');
let allEmpty = true;
inputs.forEach(input => {
if (input.value !== '') {
allEmpty = false;
}
});
if (allEmpty) {
alert('请输入内容!');
}
}
}
```
这里假设页面中所有的输入框都是`<input>`标签,如果还有其它类型的输入框,需要相应地修改选择器。
阅读全文