vue - 随笔分类 - 千年寒冰90

lodash

摘要：https://www.lodashjs.com/docs/latest 一款好用，方便处理array,object,string的javascript的工具库。安装： npm install --save lodash npm install --save-dev babel-plugin-lo 阅读全文

posted @ 2019-12-10 16:10 千年寒冰90 阅读(520) 评论(0) 推荐(0)

element中的树形组件，如何获取父级菜单的id

摘要：一般多选的树形组件，使用getCheckedNodes()方法只能获取到本级的菜单id，只有在子菜单全部选中的情况下才会选中上级。但我们想要不全选中子级的情况下也要获取它的上级，甚至上上级等，怎么办呢？需要改一下node_modules中的源码：文件路径为node_modules\element- 阅读全文

posted @ 2019-09-18 15:48 千年寒冰90 阅读(3058) 评论(0) 推荐(0)

element UI中的tab切换栏

摘要：html代码：（用的是el-tab组件） 1 <el-tabs v-model="activeIndex" type="border-card" @tab-click="tabClick" @tab-remove="tabRemove"> 2 <el-tab-pane :closable="item 阅读全文

posted @ 2019-09-04 17:53 千年寒冰90 阅读(8129) 评论(0) 推荐(0)

扫码枪读取条形码数据（vue）

摘要：扫码枪是模拟键盘输入的，所有事件为document.onkeypress = function(){}. 在vue项目中，是没有window.onload的，所以在created钩子函数中做： var b = ""; var _this = this; document.onkeydown = fu 阅读全文

posted @ 2019-09-04 16:10 千年寒冰90 阅读(10561) 评论(1) 推荐(0)

vue-router需要注意的点

摘要：1.在编程式导航中，如果提供了path,params会被忽略；需要提供name，或手写完整的带有参数的path;以下写法可取： const userId = '123'; 1.this.$router.push({name: 'user', params: {userId}}); 2.this.$r 阅读全文

posted @ 2019-07-15 17:25 千年寒冰90 阅读(702) 评论(0) 推荐(0)

activated钩子函数

摘要：activated钩子函数是在组件被激活后的钩子函数，mounted是不保证组件在document中，也就是组件还没有被激活，因此可以理解为activated执行在mounted之后。在跳转传值时，接收参数的页面中可能获取不到第二次传的值，放在activated中，可以获取到值的变化。 vue2. 阅读全文

posted @ 2019-07-09 10:22 千年寒冰90 阅读(3586) 评论(0) 推荐(0)

关于beforeRouteEnter中的next()

摘要：beforeRouteEnter(to,from, next){ console.log(this) //undefined next(vm => { console.log(vm)}) } 1 if (token) { 2 if (router.options.isAdd) { //判断是否已经添阅读全文

posted @ 2019-07-01 16:28 千年寒冰90 阅读(4132) 评论(0) 推荐(0)

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

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

posted @ 2019-06-28 16:29 千年寒冰90 阅读(1599) 评论(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 阅读(1848) 评论(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 阅读(490) 评论(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 阅读(3253) 评论(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

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

posted @ 2019-06-05 11:56 千年寒冰90 阅读(142) 评论(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 阅读(147) 评论(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 阅读(26113) 评论(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 阅读(392) 评论(0) 推荐(0)

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

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

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

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

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

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

随笔分类 - vue