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一样