怎么让这个按钮实现查询,只有样式无法查询vue,用什么知识,vue,公司封装好的vue
解题如下:怎么让这个按钮实现查询,只有样式无法查询vue,用什么知识,vue,公司封装好的vue
实现查询
样式无法查询
vue
总结:使用vue如何给按钮添加查询事件
按钮
查询事件
技术点:你需要用到vue的事件click-文档vue的methods-文档
click
methods
实现:第一步:在你的查询按钮上添加一个click事件,比如:
<button @click='search'>查询</button>
第二步:实现search方法
search
methods: { search: function () { //调用ajax } }
第三步:搞个接口再说下一步吧
已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。
你应该是卡在哪块理解上了。看截图像是element-ui。
这边提供一个效果demo供自查吧~
https://codepen.io/linvic/pen...
给查询按钮添加点击事件,
<el-button @click='fn>默认按钮</el-button> ... methods:{ fn(){ alert('1') //这里调用ajax方法发请求 } }
之前做的一个简单的功能,你可以看看一下。https://www.lilnong.top/stati...
搜索其实就是就是让你找到一份数据,方式有多种,比如说你通过js计算得到,ajax得到,其他存储(cookie、storage、其他)。
然后把你的数据存到 vue 中,然后通过template 展示出来
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(4)
解题如下:
怎么让这个按钮
实现查询
,只有样式无法查询
vue
,用什么知识,vue,公司封装好的vue总结:
使用
vue
如何给按钮
添加查询事件
技术点:
你需要用到vue的事件
click
-文档vue的
methods
-文档实现:
第一步:在你的查询按钮上添加一个
click
事件,比如:第二步:实现
search
方法第三步:搞个接口再说下一步吧
你应该是卡在哪块理解上了。看截图像是element-ui。
这边提供一个效果demo供自查吧~
https://codepen.io/linvic/pen...
给查询按钮添加点击事件,
之前做的一个简单的功能,你可以看看一下。https://www.lilnong.top/stati...
搜索其实就是就是让你找到一份数据,方式有多种,比如说你通过js计算得到,ajax得到,其他存储(cookie、storage、其他)。
然后把你的数据存到 vue 中,然后通过template 展示出来