VueJS：“一次”事件修饰符，检查是否被点击

Question

我有一个简单的问题，到目前为止我还没有回答。

在 VueJS 中，有 .once 事件修饰符，可以正常工作。问题是我在自动完成输入组件上使用 @click.once 来查询我的数据库并填充其可用项目。

我想要实现的目标是提供某种附加图标，以便在单击输入一次后调用查询。

原因是：

• 我想防止用户垃圾点击输入并进行大量查询
• 我希望他能够使用“刷新图标”刷新数据，只有在我的输入被单击一次（@click.once 触发）时才会显示该图标。

有办法获取此信息吗？

提前致谢！

Answer 1

我认为您应该创建一个设置为 false 的状态（数据），当单击按钮时它会更改为 false。 然后有条件地显示带有设置值的刷新图标。单击刷新将值重置为 false。

sssccc