- 博客(17)
- 收藏
- 关注
RSS订阅
原创 vue中出现 TypeError: Cannot read properties of undefined (reading ‘substring‘)错误
报错的原因:你的数据来源为空解决方案:在数据的标签里面 进行判断 v-if=“字符串内容”
2021-11-27 17:25:09
12737
2
原创 路由跳转：Navigation cancelled from “/newhome/mymodules“ to “/system/workflow“ with a new navigation.的问题
出现Navigationcancelledfrom"/newhome/mymodules"to"/system/workflow"withanewnavigation.的原因是使用新导航取消了从“/newhome/mymodules”到“/system/workflow”的导航。在main.js注册全局函数。
2022-07-18 17:45:42
619
原创 element-ui中的table只展开一行
<el-table :data="tableData" style="width: 100%" @expand-change="expandChange" :expand-row-keys="expands" :row-key="getRowKeys"> </el-table>export default { data() { return { tableData: [], //设置row-key只展示一行..
2021-12-19 16:24:38
552
原创 vuex-along解决了vuex存储数据之后刷新页面数据重置的问题
1.问题:在vue项目中经常会用到vuex存储数据,但是在刷新页面之后数据会被重置2.解决:一般会采用cookie或者localStorage来存储,但是会比较麻烦,所以使用封装好的vuex-along 插件更好一些.1.安装npm install vuex-along --saveyarn add vuex-along2..在store目录下的index.js文件中引入引入之后插件就生效了,就会默认把所有的store存储到localStorage...
2021-12-04 17:11:46
550
原创 element-ui form表单验证的基本步骤
form表单基本步骤可分为三步:步骤一: 在data()中按照格式定义规则示例:rules: { user: [{ required: true, message: '请输入用户名', trigger: 'blur' }], password: [{ required: true, message: '请输入密码', trigger: 'blur' }]}步骤二: 给 el-form 组件绑定 model 为表单数据对象 给 el-form 组件...
2021-11-30 15:15:59
1108
原创 html访问图片资源403问题
在html中加入一行代码就可以了<meta name="referrer" content="no-referrer" />
2021-10-19 09:52:19
312
1
原创 filters过滤器的简单使用
<template> <div> <h1>{{date | formDate}}</h1> </div></template><script> import moment from 'moment'; export default { data() { return { date:new Date() } }, filters: { formDate(date) {.
2021-10-16 16:12:29
389
转载 vue项目中出现Loading chunk {n} failed错误
最近vue项目路由改成了懒加载方式，刚开始并没有什么问题，清空项目文件，重新下载配置运行后，就发现控制台报以下错误：[vue-router] Failed to resolve async component default:Error:Loading chunk 10 failed.解决方案:设置vue-router错误处理函数/* 路由异常错误处理，尝试解析一个异步组件时发生错误，重新渲染目标页面 */router.onError((error) => { const pa
2021-10-15 11:26:20
881
原创 vue路由跳转不会自动跳转到顶部的问题
在main.js中加入全局后置钩子即可,代码如下:router.afterEach((to, from, next) => { window.scrollTo(0, 0);})
2021-10-15 10:43:59
233
原创 js中的原型对象、对象原型和原型链
1.什么是原型prototype叫原型,是每一个构造函数身上的一个属性,这个属性是以对象的形式存在的function People() { this.uname = 'zs'; } console.dir(People);
2021-06-12 10:34:02
293
原创 数组转树和时间格式转化
数组转树export function tranListToTreeData(list) { // 最终要产出的树状数据的数组 const treeList = [] // 所有项都使用对象存储起来 const map = {} // 建立一个映射关系：通过id快速找到对应的元素 list.forEach(item => { if (!item.children) { item.children = [] } map[item.id]
2021-06-03 17:34:14
122
原创 数组的常用方法
1.concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。将两个数组合并为一个新数组：var arr = ['a', 'b', 'c'];var arr1 = [1, 2, 3];arr.concat(arr1);// result in ['a', 'b', 'c', 1, 2, 3]2.filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。callback 被调用时传入三个参数：元素的值 元素的索引 被遍历
2021-06-03 17:15:21
128
原创 vue3的认识
1.基本介绍1.1目前已支持 vue3 的UI组件库ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/ ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步 目前支持 Vue 3.0 的 2.0.0 测试版 已发布 element-plushttps://element-plus.gitee.io/#/zh-CN Element Plus，一套为开发者、设计师和产品经理
2021-06-03 17:07:29
418
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人