由于 我们发的项目 主要是在 移动设备上跑的，为了达到更好的体验 我们将使用 mui 来实现 更接近原生的体验

我在集成的时候遇到的坑 在这里和大家一起分享下

首先我创建了一个static 文件夹。这个文件夹是用在存在第三方库的一个文件夹。

然后我们引入 mui 组件 .js , 以及对应的  .css

应为我这边额外 需要 一个 dtpicker 组件所以我引入了 周边的 js

然后在你 main.js 程序的 引入 js

import mui from '../static/mui/js/mui.js'
import '../static/mui/js/mui.picker.js'
import '../static/mui/js/mui.poppicker.js'
import '../static/mui/js/mui.dtpicker.js'

以及 css

import '../static/mui/css/mui.css'
import '../static/mui/css/mui.picker.min.css'

然后我们发现 在编译状态下 允许是好的， 但是 发布就会报错。说是  vue 里面采用新的 代码标准。然而 mui 不符合这个标准

所以我们收到把  mui 排除在这个标准之外

然后就 可以使用了。

我们在是用 mui.DtPicker  的时候 还是会报一个错， 大概是是 window.mui  没有被初始化

我们在 mui.js 源码地方 发现了 被注释的地方  在这里去掉掉注释

 

 

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue