在项目中按照uview官网文档引入时,容易出现各种报错,以下是解决方案
下载uview 源码 ,先解决报错问题
插件市场下载: uView2.0重磅发布,利剑出鞘,一统江湖
将下载的内容解压到 uview-ui 文件中,整体放到项目根目录下
引入依赖
在main.js,引入并使用uView的JS库。
// 在 mian.js 中
import uView from 'uview-ui';
Vue.use(uView);
uni.$u.config.unit = 'rpx'
项目根目录的uni.scss中引入此文件。
/* uni.scss */
@import 'uview-ui/theme.scss';
在app.vue文件中,引入uView的基本样式。
style标签中 必须加上 lang=“scss”
<style lang="scss">
/*每个页面公共css *//*
@import "uview-ui/index.scss"; // 注入active-form样式
在项目的pages.json中添加代码。
{
"easycom": {
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},
"pages": [
........
]
}
按照以上流程引入 uview 页面使用将没有问题
动态表单插件使用
插件引入地址: 表单 动态表单 uniapp最强动态表单 表单校验 快速生成表单 全端支持
完成上述引入后,在这里只需要下载代码,把 active-form 复制到 components 中
页面使用,就可以参考 index 页面了,该引入引入,该修改修改