uni-app 引入 UI组件 vant

分类：uni-app

uniapp

如题，想在uni-app中，使用vant，参考了各种引入方法均未成功，哪位有用过的，可否给个步骤或DEMO，谢谢！

2018-08-15 20:55 负责人:无分享

7 个回复

DCloud_heavensoft

vant自己不跨端。最容易搞错的，是引入了vant的h5 ui库，那个只能h5用。app和小程序需要用vant weapp。这里有例子：https://ext.dcloud.net.cn/plugin?id=302

想要全端通用，看https://ask.dcloud.net.cn/article/35489

8***@qq.com

uni-app写android app，vant weapp不支持v-model？<van-field v-model="userInfo.userName" required clearable label="用户名" placeholder="请输入用户名" />真机运行结果变成[object Object]，删也删不掉

2019-09-29 13:35
DCloud_heavensoft

回复 8***@qq.com: app端只能引用vant的小程序组件，小程序里哪有v-model？

2019-10-10 22:27
ahhhhhhh

回复 DCloud_heavensoft: 那uniapp做的h5，能引入vant吗，引入就报css错误

2019-10-20 11:30
一只小前端丶

回复 DCloud_heavensoft: v-model是vue的。。。uni-app是基于vue的。为啥v-model不好用啊。。。。。

2020-08-26 08:41

moen (作者) - 风轻轻来了

vant 使用了css预处理precss，而uni-app不支持css预处理?

icare

有人引入成功吗，可否给个具体步骤

1***@163.com - 我很好

直接down下来了，在page.json的组件style中注册了，提示要注册组件是怎么回事？

{  
            "path": "pages/category/category",  
            "style": {  
                "navigationBarTitleText": "分类",  
                "usingComponents": {  
                    "van-search": "/wxcomponents/vant/dist/search/index"  
                }  
            }  
        },

1***@163.com

我也遇到了相同的问题

2019-08-19 19:39
1***@qq.com

回复 1***@163.com: 解决了吗

2020-01-03 09:50