摘要: 首先需要安装node.js和vue-cli。 创建项目指令:$ vue create vue-demo(项目名称) 可以选择默认配置,也可以自己配置sass/less预编译语言、router路由、vuex状态管理工具、eslint语法校验工具、路由模式等。 基本目录结构如下 node_modules 阅读全文
posted @ 2021-09-18 14:13 心心眼 阅读(1325) 评论(0) 推荐(0) 编辑
摘要: 当el-table被封装在子组件时,tableData发生变化,数据没有重新渲染 解决方法:为该子组件绑定一个key,每次tableData发生变化时,改变这个key <Table class="card-table" :tableData="tableData" :tableHeader="dat 阅读全文
posted @ 2020-09-28 14:56 心心眼 阅读(11749) 评论(2) 推荐(0) 编辑
摘要: 1.搭建vue-cli项目 2.安装echarts $ yarn add echarts 3.main.js引入echarts 1 import echarts from 'echarts' 2 Vue.prototype.$echarts = echarts // 把echarts挂载到Vue原型 阅读全文
posted @ 2020-09-17 17:27 心心眼 阅读(504) 评论(0) 推荐(0) 编辑
摘要: 在Vue项目中,如果没有引入JQuery,那么使用axios来做http请求将是一个不错的选择,因为它相对于ajax不需要引入JQuery包,这样项目就会小很多。 先引入axios依赖包 $ yarn add axios vue-axios 下面,我们来看一下axios的常用基本配置 导入axios 阅读全文
posted @ 2020-09-08 11:48 心心眼 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 2020-06-17 to 2020-07-05 广州公务车使用管理信息系统 web端 Vue + element管理类系统相似,故只展示最近一个系统。 2020-07-01 to 2020-07-03 静态官网 web端 jQuery + CSS3 2020-07-07 to 2020-07-27 阅读全文
posted @ 2020-07-18 11:23 心心眼 阅读(78) 评论(0) 推荐(0) 编辑
摘要: • url:远程仓库地址 origin:主机名 master:主分支 dev:分支 • 首次拉取/克隆远程仓库代码: git clone url // 拉取master分支代码 git clone -b dev url // 拉取dev分支代码 • 非首次(更新代码)拉取远程仓库代码: git fe 阅读全文
posted @ 2020-07-08 15:35 心心眼 阅读(152) 评论(0) 推荐(1) 编辑
摘要: 1. 安装intro.js插件 npm安装:$ npm i introjs vue-introjs (若较慢或安装失败请使用cnpm或yarn安装) yarn安装:$ yarn add introjs vue-introjs 2. main.js引入intro.js 1 import VueIntr 阅读全文
posted @ 2020-07-08 14:33 心心眼 阅读(3686) 评论(0) 推荐(2) 编辑
摘要: 前言:C盘空间爆满很大概率是电脑微信数据存储在C盘造成的,今天我就把微信数据全部转移至D盘了,C盘一下就空出来40个G。 步骤:电脑微信➡更多➡设置➡文件管理➡更改➡选择其他盘。 后语:如果是其他原因导致的C盘爆满请百度寻找其他方法哦~ 阅读全文
posted @ 2021-05-28 15:34 心心眼 阅读(305) 评论(0) 推荐(0) 编辑
摘要: // html部分 <video id="videoElement" ref="videoElement" controlslist="nodownload noremoteplayback" disablePictureInPicture controls autoplay muted ></vi 阅读全文
posted @ 2021-05-28 15:29 心心眼 阅读(1626) 评论(0) 推荐(0) 编辑
摘要: 源代码: 1 /* 2 对象数组合并相同key的data 3 参数:1.待操作数组,2.参考key,3.待合并key 4 */ 5 mergeKeyArr(arr, key1, key2) { 6 arr = this.sortArr(arr, true, 1, key1) 7 let newArr 阅读全文
posted @ 2021-02-22 17:34 心心眼 阅读(633) 评论(0) 推荐(0) 编辑
摘要: 源代码: 1 /* 2 数组排序 3 参数:1.待排序数组,2.是否升序(默认是),3.排序规则|0为数字(默认),1为字符串|非必须,4.排序依据唯一key|对象数组时必须,String类型 4 */ 5 sortArr(arr, bool = true, rule = 0, key) { 6 i 阅读全文
posted @ 2021-02-22 17:32 心心眼 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 源代码: 1 /* 2 数组去重 3 参数:1.待去重数组,2.过滤依据唯一key|对象数组时必须,String类型 4 */ 5 filterArr(arr, key) { 6 let newArr = [] 7 let tempArr = [] 8 arr.forEach(item => { 9 阅读全文
posted @ 2021-02-22 17:29 心心眼 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 源代码: 1 /* 2 对象数组添加字段 3 参数:1.待添加数组,2.待添加字段key,3.待添加value|非必须,默认为null 4 */ 5 addFieldArr(arr, key, value = null, level = 0) { 6 return arr.map(item => { 阅读全文
posted @ 2021-02-22 17:27 心心眼 阅读(5083) 评论(0) 推荐(0) 编辑
摘要: 源代码: 1 // 循环过滤树形数组 2 filterArrForKey({ arr, key, value }) { 3 let newArr = [] 4 newArr = arr.map(item => { 5 if (item.children && item.children != nul 阅读全文
posted @ 2021-02-22 17:24 心心眼 阅读(1884) 评论(0) 推荐(0) 编辑
摘要: 源代码: 1 // 树状数组指定位置增加子节点(必须标识为key) 2 addChildren({ arr, value, item }) { 3 let newArr = [] 4 arr.forEach(ele => { 5 if (ele.key value) { 6 ele.children 阅读全文
posted @ 2021-02-22 17:19 心心眼 阅读(1587) 评论(2) 推荐(0) 编辑
摘要: // 排序 this.Data.sort((a, b) => { return a.legend.localeCompare(b.legend) }) 阅读全文
posted @ 2020-12-18 15:09 心心眼 阅读(1227) 评论(0) 推荐(0) 编辑