vue实现查询重置

发布于 2022-09-12 23:27:59 字数 117 浏览 14 评论 0

怎么让这个按钮实现查询,只有样式无法查询
vue,用什么知识,vue,公司封装好的vue

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

伤痕我心 2022-09-19 23:27:59

解题如下:
怎么让这个按钮实现查询,只有样式无法查询
vue,用什么知识,vue,公司封装好的vue

总结:
使用vue如何给按钮添加查询事件

技术点:
你需要用到vue的事件click-文档
vue的methods-文档

实现:
第一步:在你的查询按钮上添加一个click事件,比如:

 <button @click='search'>查询</button>

第二步:实现search方法

methods: {
    search: function () {
      //调用ajax
    }
 }

第三步:搞个接口再说下一步吧

已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。

千紇 2022-09-19 23:27:59

你应该是卡在哪块理解上了。看截图像是element-ui。

这边提供一个效果demo供自查吧~

https://codepen.io/linvic/pen...


已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。

翻了热茶 2022-09-19 23:27:59

给查询按钮添加点击事件,

<el-button @click='fn>默认按钮</el-button>


...
methods:{
    fn(){
      alert('1')
//这里调用ajax方法发请求
    }
  }
痴梦一场 2022-09-19 23:27:59

之前做的一个简单的功能,你可以看看一下。https://www.lilnong.top/stati...

搜索其实就是就是让你找到一份数据,方式有多种,比如说你通过js计算得到,ajax得到,其他存储(cookie、storage、其他)。

然后把你的数据存到 vue 中,然后通过template 展示出来

已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文