随笔分类 - 学习笔记
记录个人学习笔记，也给大家分享
vue中created与mounted的区别
摘要：首先了解一下vue的生命周期，一般面试中也会被问到，所以了解下有好处。 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的
阅读全文
vue-element-admin 三级路由
摘要：三级路由的设置非常简单，不过不知道其原理就会不知道是如何设置的。 vue-element-admin自带的有嵌套路由，不过他的嵌套路由有一个套路，那就是二级路由页面下有个<router-view />标签 <template> <router-view /> </template> 这里说一下，这里
阅读全文
element-ui实现单元格点击可编辑
摘要：要实现表格填报功能，后台存储的是表格的数据结构，从后端获取json数组后，传给页面展示 页面采用cell-click时通过控制 flag值来确定时显示内容还是 input框 <el-table :data="tableData" border @cell-click="cellDblClick">
阅读全文
element-ui自定义table表头，render-header使用
摘要：<template> <el-table :data="tableData2" style="width: 100%"> <el-table-column prop="address" label="地址" :render-header="renderHeader"> <!--渲染render事件
阅读全文
Vue中v-if和v-for的一起使用时的几种处理方式
摘要：在处于同一节点的时候，v-for 优先级比 v-if 高。这意味着 v-if 将分别重复运行于每个 v-for 循环中。即——先运行v-for 的循环，然后在每一个v-for 的循环中，再进行 v-if 的条件对比。所以，不推荐v-if和v-for同时使用。 template <template v
阅读全文
Vue element table动态生成列
摘要：需求 前端页面使用的vue的element-ui。需要实现的需求如下图：用户页面选择起始运距和运距间隔后，服务器动态生成运距和对应的运输车数列表。 实现方法 element table组件的render-header函数属性。 这个函数是专门用作渲染表格的列表头的。用法如下： 1.在data区定义h
阅读全文
