技术栈-语言-大前端
学生宫布
毕业于随州市第一高级中学
展开
-
vue路由:引导至404页面,如果路由错误怎么处理 v1.0.0
v1.0.0位置:src\permission.jsrouter.beforeEach((to, from, next) => { if (to.matched.length === 0) { // 未匹配 from.name ? next({ name: from.name }) : next(''); // from指上一页,''指某个路由,可以是/404 } // ... ...}...原创 2021-07-22 16:52:45 · 263 阅读 · 0 评论 -
vue-watch属性运用于父子组件传递数据-从后端取得数据,解决数据延迟传达_v1.0.0
v1.0.0文章目录代码父组件html子组件js总结代码父组件html代码<div > <xxx-item v-for=" " :key=" " :item="i" :cid=" " :list="list" @c=" "原创 2021-04-26 13:49:23 · 325 阅读 · 0 评论 -
使用markdown语法写文档,生成左侧导航目录_v1.0.0.1
v1.0.0文章目录前言本文实现的效果????目录类型i5ting_ztree_toc插件缺点[toc]语法缺点vuepress博客框架本文介绍的方法第一步,生成目录内容第二步,导出HTML第三步,修改html1) 增加js、css2) 增加左侧悬浮和样式3) 保存,查看效果:前言本文实现的效果????目录类型i5ting_ztree_toc插件缺点可以转换成功,但是无法解析复杂md语法,如绘图、LaTex等。[toc]语法缺点在md文档增加[toc]语法,可以生成目录,但是没显示在左原创 2021-04-25 14:00:06 · 3906 阅读 · 0 评论 -
解决:某数据经js遍历后,顺序改变_v1.0.0
文件名称版本号作者qq组件版本解决:某数据经js遍历后,顺序改变v1.0.0学生宫布8416837Chrome 89报错全称js对象遍历顺序问题这就崩溃了,没法实现需求了,要求按一定顺序代码 // 两种遍历都会乱序 ① Object.keys(rowObj).forEach(function(key){ ② for (let propt in rowObj) { // 其它方式也不行,与浏览器ES版本有关疑似产生的...原创 2021-04-07 15:16:03 · 473 阅读 · 4 评论 -
vuex_v1.0.0
vuex原创 2021-03-29 16:45:25 · 76 阅读 · 0 评论 -
vue路由监听_v1.0.0
文件名称版本号作者qq组件版本标题v1.0.0学生宫布8416837vue2.6变量return { // 监听路由 route: this.$route, // 是否可以省略,未验证 todo } },watchwatch: { '$route' (to, from) { // console.log(`路由已经变化:`, to, from) if(to.name !== from.name...原创 2021-03-29 08:46:10 · 117 阅读 · 0 评论 -
vue 通过角色控制菜单拥有、访问权限
路由硬编码配置{ path: '/monitors', component: Layout, redirect: '/monitors', children: [ { path: 'monitors', component: () => import('@/views/monitors/index'), name: 'Monitors', meta: { roles: .原创 2020-12-13 08:24:51 · 1061 阅读 · 1 评论 -
成功解决:vue element-ui form rules 非空验证不起效
文章目录报错全称代码疑似产生的原因弯路、坑分析解决方案领悟关于报错全称一个低级错误未填写表单,但是rules并没有拦截代码 rules: { remark: [ { required: true, message: "说明不能为空", trigger: "blur" } ], data: [{ required: true, trigger: 'blur', validator: validateData }] }原创 2020-12-08 16:26:40 · 6130 阅读 · 3 评论 -
element-ui this.$notify使用html作为内容 包括事件 禁止面板重叠 关闭面板
文章目录效果通知内容通知主体 根据官网写法禁止面板重叠关闭关闭某个关闭全部效果通知内容先把notify面板要显示的内容组织好 h语法,很容易看懂 const hrender = h('p', null, [ h('div', [ h('div',title), // 传变量 h('div',content), h('div',author), h('div',time),原创 2020-12-04 09:21:06 · 12087 阅读 · 3 评论 -
vue开发神器-vue-devtools_v1.0.0
文件名称版本号作者qq版本vue开发神器-vue-devtoolsv1.0.0学生宫布8416837Vue 2.6.10vue-devtools 6.0.0 beta 1下载产品包点击下载安装到Chrome浏览器插件解压上文下载的文件如果可以拖拽到Chrome则拖拽,不能拖拽则点击下图红框,选择刚解压的文件夹成功:...原创 2020-09-01 14:18:15 · 164 阅读 · 0 评论