用vant做搜索文章

2022-09-15 14:28:20

首先打开vant组件库,搜索serch组件

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

把基本的布局做好了之后,

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 我们通过v-if来判断三个组件核实显示,就是在data里面放了两个数据,通过识别这两个数据的true和flse来判断显示哪个组件

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

我们如果想为这个vant搜索组件绑定事件

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

  • 作者:JSONP$
  • 原文链接:https://blog.csdn.net/zhuyuan123456/article/details/123588283
    更新时间:2022-09-15 14:28:20