网站建设与运营公司部门结构,wordpress添加用户,义乌有什么企业网站吗,在线设计网站排名文章目录 使用vant步骤使用中遇到的问题在浏览器中的运行效果综上#xff0c;不建议uniapp项目使用vant。 使用vant步骤
首先vant可以兼容uniapp#xff0c;直接用vant版就好。微信小程序专用版本是#xff1a;vant-weapp。
基本使用步骤#xff1a;
1、安装
# 安装 Va… 文章目录 使用vant步骤使用中遇到的问题在浏览器中的运行效果综上不建议uniapp项目使用vant。 使用vant步骤
首先vant可以兼容uniapp直接用vant版就好。微信小程序专用版本是vant-weapp。
基本使用步骤
1、安装
# 安装 Vant-如果你用的是vue3
$ npm install vant# 如果你用的是vue2
$ npm i vantlatest-v2 -S# 在 main.js 中引入 Vant请注意版本的区别
import Vue from vue;
import Vant from vant;
import vant/lib/index.css;Vue.use(Vant);2、使用
在组件中使用比如在pages/index/index.vue中
templatedivvan-button typeprimary clickhandleClick点击按钮/van-buttonvan-dialog v-modelshowDialog title提示 messageHello, Vant!/van-dialog/div
/templatescript
export default {data() {return {showDialog: false};},methods: {handleClick() {this.showDialog true;}}
};
/script
使用中遇到的问题
1、安装Vant Version 2.13.2后导入样式报错
Module build failed (from ./node_modules/postcss-loader/src/index.js):解决方法修改 ~node_modules\vant\lib\index.css 文件将该文件中的 “url” 改为 “ url” 一共需修改2处。你没看错加个空格就好了。
2、运行到微信小程序后报错
VM74:9 app.js错误:TypeError: Cannot read property userAgent of undefined定位问题发现是JS的navigator对象不支持。 原因是微信小程序不支持documentwindow对象所以navigator自然是无法使用的。
在浏览器中的运行效果 综上不建议uniapp项目使用vant。
参考文章https://github.com/youzan/vant/issues/12421
其他问题请参考https://github.com/youzan/vant/issues?quniapp
如果你在web前端开发、面试、前端学习路线有困难可以加我Vimqdcnn。免费答疑行业深潜多年的技术牛人帮你解决bug。
祝你能成为一名优秀的WEB前端开发工程师
