随笔档案「2019年6月」 - 千年寒冰90

关于动态路由中路由之间的跳转（页面a跳转到页面b）

摘要：由addRouters方法获取到后台的动态路由，要实现路由之间的跳转，不可直接用path: '***',而是将动态路由存储到vuex中，再从vuex中取得，如：this.$store.menu.navTree.children.path. 阅读全文

posted @ 2019-06-28 16:29 千年寒冰90 阅读(1601) 评论(0) 推荐(0)

vue缓存当前路由（在输入框中输入信息后，跳转其他路由再回来，仍可看到刚刚输入的内容等）

摘要：缓存路由页面的当前状态； 1 <transition name="fade" mode="out-in"> 2 <keep-alive> 3 <router-view v-if="$route.meta.keepAlive"></router-view> 4 </keep-alive> 5 </tr 阅读全文

posted @ 2019-06-28 14:32 千年寒冰90 阅读(1849) 评论(0) 推荐(0)

vue控制台报错集锦

摘要：1.ERROR in Cannot find module 'node-sass' 经常会出现node-sass没安装好的报错，没事，单独重新安装一下，解决办法：npm install node-sass@latest 2.用Webpack启动Vue项目时提示This is probably no 阅读全文

posted @ 2019-06-17 11:32 千年寒冰90 阅读(491) 评论(0) 推荐(0)

async,await怎么用

摘要：async声明一个函数是异步的，await用于等待异步完成，并且await只能在async中使用。使用async,await并行处理请求，速度减半：将多个promise直接发起请求，先执行async函数，再进行await操作。 1 async function asyncAwaitfun(str 阅读全文

posted @ 2019-06-13 10:42 千年寒冰90 阅读(3257) 评论(0) 推荐(0)

如何安装vue-devtool调试工具

摘要：1.从git上下载工具压缩包，github下载地址：https://github.com/vuejs/vue-devtools； 2.打开cmd，切换到下载的文件目录下：npm install >npm run build; 3.打开shells>chrome>manifest.json并把json 阅读全文

posted @ 2019-06-12 19:26 千年寒冰90 阅读(2825) 评论(0) 推荐(0)

React初级坑

摘要：1.使用vscode时，JSX语言会受beauty插件的影响，将标签换行了，如下：解决办法：将编辑器右下角的语言由javascript改为javascript react就行了。阅读全文

posted @ 2019-06-09 09:36 千年寒冰90 阅读(135) 评论(0) 推荐(0)

初学react

摘要：React特点：声明式设计；建议使用JSX来描述用户界面;构建组件；单向响应的数据流； JSX:JSX是一种JAVASCRIPT的语法扩展，元素是构成react的最小单位，JSX就是用来声明REACT中的元素的。 1.指定属性：JSX可以用引号来指定已字符串为值的属性；const element 阅读全文

posted @ 2019-06-05 11:56 千年寒冰90 阅读(147) 评论(0) 推荐(0)

npm 安装包总结

摘要：1.前端可视化json：vue-json-viewer; 2.富文本编辑： vue-quill-editor; https://www.cnblogs.com/ZaraNet/p/10209226.html; 3.javascript工具库：lodash; https://www.lodashjs. 阅读全文

posted @ 2019-06-05 09:22 千年寒冰90 阅读(149) 评论(0) 推荐(0)

Element UI中的上传文件功能

摘要：上传文件给后台； 1 <el-upload 2 style="display:inline-block" 3 :limit="5" 4 class="upload-demo" 5 ref="upload" 6 :action="uploadUrl" 7 :file-list="fileList" 8 阅读全文

posted @ 2019-06-04 18:01 千年寒冰90 阅读(26114) 评论(0) 推荐(1)

element UI使用

摘要：1.Button按钮 <el-button type="text">文字按钮</el-button>设置type="text"，可以是无边框的效果。 2.Link文本链接 <el-link href="https://element.eleme.io" target="_blank">默认链接</e 阅读全文

posted @ 2019-06-03 21:00 千年寒冰90 阅读(401) 评论(0) 推荐(0)

vue管理平台的动态路由（后台传递路由，前端拿到并生成侧边栏）

摘要：前端的路由从后台获取，包括权限；大体步骤包括：路由拦截（钩子函数） >后台获取路由数据 > 保存到本地或vuex中. 在router-->index.js中： 1 router.beforeEach((to, from, next) => { //拦截处一定要else{} 2 // 加载动态菜单和阅读全文

posted @ 2019-06-03 19:38 千年寒冰90 阅读(9684) 评论(4) 推荐(0)

Echart饼形图和折线图的循环展示及选择展示

摘要：需求：根据不同的入参调同一接口，循环展示一组饼形图或折线图；主要问题：在于给定的数据格式不符合图表的配置项格式，需要拆分组装数据；首先默认展示几个图表，当选中一个类别，需要展示其中一个的时候，页面中的Dom没有清除，用了clear()无效，于是乎，就在页面中做两个div，一个用于展示选中的某一项，阅读全文

posted @ 2019-06-03 18:00 千年寒冰90 阅读(1374) 评论(0) 推荐(0)