uni-app引入uview动态表单插件 时报错处理,如何引入uview,如何引入uview动态表单,

在项目中按照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 页面了,该引入引入,该修改修改

猜你喜欢

转载自blog.csdn.net/m0_57611486/article/details/130342912