随笔分类 -  学习笔记

摘要：首先了解一下vue的生命周期，一般面试中也会被问到，所以了解下有好处。 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的 阅读全文

摘要：三级路由的设置非常简单，不过不知道其原理就会不知道是如何设置的。 vue-element-admin自带的有嵌套路由，不过他的嵌套路由有一个套路，那就是二级路由页面下有个<router-view />标签 <template> <router-view /> </template> 这里说一下，这里 阅读全文

摘要：要实现表格填报功能，后台存储的是表格的数据结构，从后端获取json数组后，传给页面展示 页面采用cell-click时通过控制 flag值来确定时显示内容还是 input框 <el-table :data="tableData" border @cell-click="cellDblClick"> 阅读全文

摘要：<template> <el-table :data="tableData2" style="width: 100%"> <el-table-column prop="address" label="地址" :render-header="renderHeader"> <!--渲染render事件 阅读全文

摘要：在处于同一节点的时候，v-for 优先级比 v-if 高。这意味着 v-if 将分别重复运行于每个 v-for 循环中。即——先运行v-for 的循环，然后在每一个v-for 的循环中，再进行 v-if 的条件对比。所以，不推荐v-if和v-for同时使用。 template <template v 阅读全文

摘要：需求 前端页面使用的vue的element-ui。需要实现的需求如下图：用户页面选择起始运距和运距间隔后，服务器动态生成运距和对应的运输车数列表。 实现方法 element table组件的render-header函数属性。 这个函数是专门用作渲染表格的列表头的。用法如下： 1.在data区定义h 阅读全文