记录mpvue+vant-weapp的使用(二):使用vant-weapp的组件,button和tabs

使用vant-weapp,需要配置app.json

"usingComponents": {
    "van-button": "static/vant-weapp/dist/button/index",
    "van-tab": "static/vant-weapp/dist/tab/index",
    "van-tabs": "static/vant-weapp/dist/tabs/index"
  },

以按钮为例:

主要按钮

还有滑块:


          
        内容 {{ index2 }}
      
    

显示效果

记录mpvue+vant-weapp的使用(二):使用vant-weapp的组件,button和tabs_第1张图片

遇到的第一个问题:使用v-for 报错 参数名冲突

记录mpvue+vant-weapp的使用(二):使用vant-weapp的组件,button和tabs_第2张图片

解决:冲突的参数名是index,改成index2

遇到的第二个问题:按钮显示正常 ,但是tabs的左右滑动效果有问题

解决:这是我傻逼的原因,要滑动内容块才有效果

记录mpvue+vant-weapp的使用(二):使用vant-weapp的组件,button和tabs_第3张图片

 

 

 

你可能感兴趣的:(记录mpvue+vant-weapp的使用(二):使用vant-weapp的组件,button和tabs)