12 2021 档案

vue-admin-template-master 路由切换
摘要：vue-router导航切换时，如果两个路由都渲染同个组件，组件会重（chong）用,组件的生命周期钩子（created）不会再被调用, 使得组件的一些数据无法根据 path的改变得到更新 因此： 1、我们可以在watch中监听路由的变化，当路由变化时，重新调用created中的内容 2、在init 阅读全文
posted @ 2021-12-16 14:10 关陈七 阅读(278) 评论(0) 推荐(0)
vue-admin-template-master 修改功能
摘要：修改功能需要注意到隐藏路由 1、路由部分 { path: '/teacher', component: Layout, redirect: '/teacher/table', name: '讲师管理', meta: { title: '讲师管理', icon: 'example' }, childr 阅读全文
posted @ 2021-12-14 17:26 关陈七 阅读(432) 评论(0) 推荐(0)
vue-admin-template-master 添加功能
摘要：1、html部分 <template> <div class="app-container"> <el-form label-width="130px"> <el-form-item label="讲师名称"> <el-input v-model="teacher.name"></el-input> 阅读全文
posted @ 2021-12-14 17:15 关陈七 阅读(228) 评论(0) 推荐(0)
vue-admin-template-master 删除功能
摘要：删除功能需要弹出确认框 1、html部分 <el-table-column label="操作" width="200" align="center"> <template slot-scope="scope"> <el-button type="danger" size="mini" icon=" 阅读全文
posted @ 2021-12-13 17:36 关陈七 阅读(260) 评论(0) 推荐(0)
vue-admin-template-master 添加查询条件
摘要：1、添加组件 （1）设置 inline 属性可以让表单域变为行内的表单域,为true时为同行显示 （2）注意控件的 v-model双向绑定属性 （3）点击查询调用getList()方法 <el-form :inline="true" class="demo-form-inline"> <el-for 阅读全文
posted @ 2021-12-13 16:43 关陈七 阅读(330) 评论(0) 推荐(0)
vue-admin-template-master 添加分页
摘要：1、添加分页组件 <el-pagination :current-page="page" :page-size="limit" :total="total" style="padding: 30px 0; text-align: center;" layout="total, prev, pager 阅读全文
posted @ 2021-12-13 15:49 关陈七 阅读(297) 评论(0) 推荐(0)
vue-admin-template-master 功能实现
摘要：1、添加路由 { path: '/teacherTest', component: Layout, redirect: '/teacherTest/table', name: '讲师管理测试', meta: { title: '讲师管理测试', icon: 'example' }, children 阅读全文
posted @ 2021-12-13 11:44 关陈七 阅读(942) 评论(0) 推荐(0)
解析Json数据
摘要：JSON文件 { "status": 200, "msg": "OK", "data": [{ "G3": [{ "name": "溴甲烷", "value": 1.588690 }, { "name": "乙酸甲酯", "value": 0.183660 }, { "name": "环己酮", " 阅读全文
posted @ 2021-12-10 14:26 关陈七 阅读(43) 评论(0) 推荐(0)
项目杂记
摘要：JS $(document).on("click", ".tax-item", function () { var taxDetailAjax = new $ax(Feng.ctxPath + '/~~省略'); taxDetailAjax.set('orgCustomerId', $(this). 阅读全文
posted @ 2021-12-07 10:38 关陈七 阅读(35) 评论(0) 推荐(0)
ES6模块化规范
摘要：ES6使用 export 和 import 来导出、导入模块。 1、导出模块 创建 es6模块化/userApi.js export function getList() { console.log('获取数据列表') } export function save() { console.log(' 阅读全文
posted @ 2021-12-03 16:28 关陈七 阅读(78) 评论(0) 推荐(0)
CommonJS模块规范
摘要：每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见 1、创建“module”文件夹 2、导出模块 创建 四则运算.js const sum=function(a,b){ return parseInt(a)+parseInt(b) } const 阅读全文
posted @ 2021-12-03 15:42 关陈七 阅读(47) 评论(0) 推荐(0)
Babel
摘要：一、简介 Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行 二、安装 安装命令行转码工具 Babel提供babel-cli工具，用于命令行转码。它的安装命令如下： npm install --global babel-cli #查看是否安装成功 babel - 阅读全文
posted @ 2021-12-03 13:33 关陈七 阅读(95) 评论(0) 推荐(0)
ECMAScript 6 简介
摘要：一、ECMAScript 6 简介 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 1、ECMAScript 和 Ja 阅读全文
posted @ 2021-12-03 09:07 关陈七 阅读(331) 评论(0) 推荐(0)
写代码这件小事
摘要：代码第一更 代码第二更（逻辑判断抽离到前端） 后端 代码第三更（优化前端代码） 阅读全文
posted @ 2021-12-02 15:26 关陈七 阅读(39) 评论(0) 推荐(0)
Node.js和Npm
摘要：Node.js 是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 命令： 查看版本： node -v 创建 02-server-app.js const http = require('http'); http 阅读全文
posted @ 2021-12-01 13:08 关陈七 阅读(68) 评论(0) 推荐(0)