框架-vuejs
文章平均质量分 56
胖姗_Shirleyzhao
一直在路上
展开
-
vue动态添加路由,跳转页面时,页面报错路由重复: [vue-router] Duplicate named routes definition: {
之前用了一个vue-element-admin做了一个小项目,里面用到了动态添加路由,动态展示侧边栏,当我切换页面时,控制台总是警告提示路由重复,连续跳转几次页面后,控制台就被这些警告占满了,vue动态添加路由,跳转页面时,页面报错路由重复:于是处理一下原因addRoutes 方法仅仅是帮你注入新的路由,并没有帮你剔除原有的其它路由!我们先看一下原来代码路由拦截器中的代码:permission.js:router.beforeEach((to, from, nex.原创 2020-05-28 15:15:17 · 15512 阅读 · 9 评论 -
vue 使用 map 结合 filter 做出来像后端查出来的模糊搜索
总体效果如上图 所示一开始直接将address.js 获取的省列表 直接用filter进行过滤但, 只能过滤 第一个字匹配的, eg: 假如我的搜索 中输入“ 河” 可以过滤出来 “ 河”开头的所有省, 但是输入‘南’, 并不会出现含南的所有的省, 所以经思考 将map 和filter 结合,可以搜出来 所有匹配出来的值,分享给大家 ,下面是所有代码address.js 可以我的CSDA上面去下载所有的省市,看下效果父组件index.vue<SingleSelectSearc...原创 2020-05-20 16:44:15 · 1701 阅读 · 0 评论 -
vue 结合element 多选增加全选
总的效果如上图所示父组件index.vue 引用select文件传值<template> <div class="clearfix"> <select :optionData="provinceData" :selectList.sync="selectList" placeholderText="请选择"/> </div></template><script>import selectfrom "..原创 2020-05-20 16:21:29 · 1175 阅读 · 0 评论 -
vuejs第二篇 vue-cli配置移动端自适配(引入flexible)
1.安装lib-flexible转载 2017-09-07 14:56:00 · 58590 阅读 · 13 评论 -
vuejs第一篇:通过npm安装vue框架(印象深刻的问题出在了npm上)
学习vue时,当时node出了问题,npm命令怎么都用不了,自己也分享一下解决方法,然后自己写个总结安装vue的步骤原创 2017-08-31 10:37:30 · 4844 阅读 · 2 评论 -
简单整理vuejs文件学习
1.项目骨架开发一项目目录制作/src/common 主文件资源/fonts/js/stylus 是一个css编译器 语法中是没有{} 与 ; 的将下载 图标字体 的css 放进这个文件夹 将css文件后缀改为 .styl 并将原本css文件中的{} 与 ; 去掉 保存/components/header 主要存放组件资源Header.vue二、mock数...原创 2019-02-09 15:31:34 · 158 阅读 · 0 评论