zhangyysp的博客

vue路由懒加载官方网站根据里面说的步骤进行：安装插件npm install --save-dev @babel/plugin-syntax-dynamic-import安装完成后在router.js文件中把之前的导入方式全部更换成const Foo = () => import('./Foo.vue')const Login = () => import(/* webpackChunkName: "Login_Home_Welcome" */ '../components/

vue.js项目打包时出错找不到main.js打包时设置了开发环境和生产环境的入口文件分别是配置打包文件vue.config.js(没有的话新增)module.exports = { chainWebpack: config => { // 发布模式 config.when(process.env.NODE_ENV === 'production', config => { config .entry('app')

使用场景目前深拷贝在js中的使用场景是，当原数据数组被控件绑定后，但是需要修改其中的某些数据类型，就不能使用原数组，如我使用的数组formData绑定以下form控件<el-form ref="formDataRef" :rules="formDataRules" :model="formData" label-width="80px" label-position="top">这是双向绑定，绑定后的数组如果改变里面的数据对象类型，就会报错。如以下操作：this.formData

富文本编辑器vue-quill-editor的高度默认不够时在global中添加样式.ql-editor{ min-height: 300px;}样式可以在浏览器验证信息中查看

首先在vscode中安装依赖vue-quill-editor全局挂载，在main.js中import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' // import stylesimport 'quill/dist/quill.snow.css' // for snow themeimport 'quill/dist/quill.bubble.css' // for bubble theme.

渲染组件 <el-upload :action="actionUrl" :on-preview="handlePreview" :on-remove="handleRemove" :headers="headerObj" list-type="picture" :on-success="handleSuccess"> <el-button size="small" type="primary">点击上传</el-button> &lt

组件渲染<el-upload :action="actionUrl" :on-preview="handlePreview" :on-remove="handleRemove" :headers="headerObj" list-type="picture" :on-success="handleSuccess"> <el-button size="small" type="primary">点击上传</el-button> <

当请求来的数据不是数组，想要转换成数组时，可以使用遍历加空格的形式：res.data.forEach(item => { item.attr_vals = item.attr_vals.length === 0 ? [] : item.attr_vals.split(' ') })res.data 是请求来的数据 ，item是data中的每一项数据。 item.attr_vals是一个字符串类型，先要判断长度，然后给每一个字符加空格，成

解决办法：全局样式表中加入.el-cascader-panel { height: 200px; }限制一下高度。

验证规则对象在标签中的写法是:rules="formDataRules"前面的冒号绑定不能丢不然会出现上面的问题在data中定义： formDataRules:{ goods_name: [ { required: true, message: '请输入商品名称', trigger: 'blur' }], goods_price:[ { required: true, message: '请输入商品价格', trigger:

先看清楚自己Vue的版本 不支持echarts的最新5.0版本看下page.json里 的版本是什么版本所以下载其他版本。npm uninstall echarts //卸载安装npm install echarts@4.9.0npm fundnpm run dev并且还有引用问题，可以在这样引用也有报错问题import * as echarts from "echarts";...