search

grapewheel / avvw

Apicloud + Vue2 + Vant（有赞前端）+ Webpack4打包，极速开发APP框架，将apicloud的渲染效率和vue数据绑定特性发挥极致！
153 stars 55 forks source link

vant 里边的组件,无法使用 #20

Closed duchao1990 closed 5 years ago

duchao1990 commented 5 years ago

image image vant版本也是最新的

grapewheel commented 5 years ago

请问你是在哪里引入如下语句的？

import { Tabbar, TabarItem} from 'vant'
Vue.use(Tabbar).use(TabbarItem)
duchao1990 commented 5 years ago

image

duchao1990 commented 5 years ago

van-swipe 我是按照官网调用的

duchao1990 commented 5 years ago

我也尝试过Swipe 代替 van-swipe是可以使用的,但是有些组件是没法使用的比如 van-image van-col都是无法用的,请问怎么写才能使用

duchao1990 commented 5 years ago

可以用了,还得Vue.use(Swipe).use(SwipeItem)写这个,我以为components,里边有就可以了吗,熬夜熬晕了

grapewheel commented 5 years ago

呵呵，注意休息，不过这里要和你说下，直接components里面注册是可以的：

import {Search} from 'vant';
window.tab1Vue = {
  components: {Search}
}

注意component注册的组件名称是 Search，所以在template 里面也是用 Search，你也可以修改注册名称： 

window.tab1Vue = {
  components: {'my-search': Search}
}

这样写的话，在template中是 my-search，详细请看vue组件使用

Vue.use(Swipe).use(SwipeItem) 这个是页面全局注册，其实在apicloud中是无需使用的，效果和components一样