摘要: 这篇文章主要介绍下vue-cli3.0项目搭建,项目结构和配置等整理一下,分享给大家。 一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 阅读全文
posted @ 2020-05-16 17:59 青石小巷 阅读(555) 评论(0) 推荐(0)
摘要: 先上效果图: 前言:element 树形表在懒加载模式下官方没有提供实时局部刷新节点的方法,在网上看了好多博客也没有比较好的办法 我能想到最直接的办法就是读源码了,在差不多三小时的源码浏览后终于在tree.js中找到懒加载关键的一个方法: element 在每次更新节点时都调用了该方法,其中的loa 阅读全文
posted @ 2020-05-09 14:19 青石小巷 阅读(6521) 评论(4) 推荐(2)
摘要: obj.name ==> obj["name"] 底层的自动转化,所以直接写 obj["name"] 效率会高一些 var obj = { name: "zhangsan", age: 12, sex: "male" } console.log(obj.name); // "zhangsan" co 阅读全文
posted @ 2020-04-26 11:05 青石小巷 阅读(817) 评论(0) 推荐(1)
摘要: 一、v-model修饰符 1、.lazy: 输入框改变,这个数据就会改变,lazy这个修饰符会在光标离开input框才会更新数据: 2、.trim: 输入框过滤首尾的空格: 3、.number: 先输入数字就会限制输入只能是数字,先字符串就相当于没有加number,注意,不是输入框不能输入字符串,是 阅读全文
posted @ 2020-04-22 09:57 青石小巷 阅读(14489) 评论(0) 推荐(2)
摘要: 一、数组去重 (1)ES5方法! 利用 filter 和 indexOF方法 let arr = [1, 1, 2, 3, undefined, null, null, 23, 'g', 'g'] function uniq (array){ return [].filter.call(array, 阅读全文
posted @ 2020-03-18 16:42 青石小巷 阅读(2660) 评论(0) 推荐(0)
摘要: 1、reduce方法 var obj = {}; this.billIdList = this.billIdList.reduce(function(item, next) { obj[next.id] ? '' : obj[next.id] = true && item.push(next); r 阅读全文
posted @ 2020-03-18 15:41 青石小巷 阅读(675) 评论(0) 推荐(0)
摘要: 9、element多选表格实现单选 userChoose(selection, row) { console.log(selection,'selection') console.log(row,'row') //clearSelection:用于多选表格,清空用户的选择 //此时所有的checkb 阅读全文
posted @ 2019-12-10 09:35 青石小巷 阅读(3103) 评论(0) 推荐(0)
摘要: 如下图: css代码: /deep/.el-icon-arrow-right:before { content: "\e6d9"; } /deep/.el-table__expand-icon--expanded .el-icon-arrow-right:before{ content: "\e6d 阅读全文
posted @ 2019-12-10 09:30 青石小巷 阅读(2385) 评论(0) 推荐(0)
摘要: tip: 用params传参,F5强制刷新参数会被清空,用query,由于参数适用路径传参的所以F5强制刷新也不会被清空。(传参强烈建议适用string) 也可以选用sessionstorage/localstorage/cookie存储,可以参考我的另一边文章:sessionstorage、loc 阅读全文
posted @ 2019-11-14 15:13 青石小巷 阅读(200) 评论(0) 推荐(0)
摘要: VUE Vue :数据驱动的M V Vm框架 m :model(后台提供数据),v :view(页面),vM(模板) 流程 m-》vm-》v m与vm之间通过ajax axios实现数据交互(前后端数据交互) vm(前端拿到数据后,对数据进行处理) v(数据改变后,页面改变) 兼容 ie9及其以上( 阅读全文
posted @ 2019-11-11 13:50 青石小巷 阅读(316) 评论(0) 推荐(0)