问题描述
今天在真机上测试发现调用 showToast 不显示,或者闪一下就没了。就觉得很奇怪!经过查找微信文档,发现是与 showLoading 冲突了,因为两者调用的是同个element。
代码&问题 async function getScanQRArriveData() {
showLoading({ title: "加载中" });
const { statusCode, message } = await getScanQRArriveDetail(orderNo);
if (statusCode && statusCode == 200) {
setData(data);
} else {
alert(message) // showToast封装方法
}
hideLoading();
}
一开始看上面的代码,感觉一点问题都没有,但是 hideLoad ...
1、cli模式的时候在相应的命令后面增加 –minimize
2、采用分包模式
3、开启摇树优化
"optimization": {
"treeShaking": {
"enable": true
}
}
4、开启按需加载
{
"lazyCodeLoading": "requiredComponents"
}
根据下面二维数组,
const list = [{
port: ["a","b"],
supplier: ["c","d"],
carrir: ["e","f"],
name: "222"
}]
生成如下数据格式:
['ace222,ade222,acf222,adf222,bce222,bde222,bcf222,bdf222]
具体实现方法
const setArray = (data) => {
return data.reduce((items, index) => {
if (!Array.isArray(items) '' !Array.isArray(index)) {
return
}
if (items.length == ...
因为在Vite中不能使用webpack的require.context()方式来读取文件所以之前使用webpack注册全局组件的方式就不能使用了。
Webpack注册全局组件的方式import Vue from 'vue'
const requireComponent = require.context(
// 其组件目录的相对路径
'./',
// 是否查询其子目录
false,
// 匹配基础组件文件名的正则表达式
/[A-Z]\w+\.(vue'js)$/,
)
requireComponent.keys().forEach((fileName) => {
// 获取组件配置
const componentConfig = requireComponent(fileName)
// 获取组件的 PascalCase 命名
const componentName = upperFirst(
camelCase(
// 获取和目录深度无关的文件名
f ...
问题描述最近项目在控制台莫名的报 Prop being mutated: “placement” 错误。查看之后发现是 element的 **el-date-picker **组件抛出的错误。
在网上搜索后发现是在某个版本 将placement从created赋值改到 props placement 来适应位置。
也就是说placement 是data对象现在是props传入的。
所有就报错了。
解决方法直接
npm uninstall element-ui
npm install element-ui@2.15.6
github PR 地址 PR #21806