请教一下，关于VUE前端搜索框搜索条件限制和数据校验的问题

Question

这个是写的搜索栏，如果我想要添加限制条件如果不输入任何字符则判定为错误应该怎么写？

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

表单验证是用到 rules属性 （需要在data中定义或者单个的话直接写在后面就行） 我这里是在data中定义了一个formRule数组 ，因为我需要验证多个input

针对elementUI input框验证非空或者必填项问题（输入之后还在报错）_小白在成长的路上-CSDN博客_element input 必填 看了好几篇博客，啰里啰唆的不简明 我就整理一下，方便节省大家时间首先表单验证是用到 rules属性 （需要在data中定义或者单个的话直接写在后面就行） 我这里是在data中定义了一个formRule数组 ，因为我需要验证多个input这是定义的formRule数组，一定要注意formRule中的属性名字跟update_data中的属性名字一致，不然就会出现input输入之后还报错的现象附加提示一下 required 是否必填 trigg... https://blog.csdn.net/weixin_42046442/article/details/109647194