08 2020 档案

vue 用mixin写一个删除事件
摘要：src/layout/mixin/delRow.js 1 export default function(config) { 2 const { url = '' } = config 3 return { 4 methods: { 5 // 删除 6 delRow(id) { 7 this.$co 阅读全文
posted @ 2020-08-31 16:58 hello芳芳 阅读(252) 评论(0) 推荐(0)
async await 异步、等待、按顺序执行
摘要：<template> <div> </div> </template> <script> export default { name: 'AsyncAwait', data() { return { } }, created(){ this.getProvinces() }, methods:{ / 阅读全文
posted @ 2020-08-28 16:50 hello芳芳 阅读(2107) 评论(0) 推荐(0)
promise
摘要：1、主要用于异步计算2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果3、可以在对象之间传递和操作promise，帮助我们处理队列 promise详解 new Promise( function (resolve, reject) { // 一段耗时的异步操作 resolve('成功' 阅读全文
posted @ 2020-08-27 16:47 hello芳芳 阅读(275) 评论(0) 推荐(0)
npm 与 yarn命令比较:
摘要：yarn的常用命令： 安装yarn npm install -g yarn 安装成功后，查看版本号： yarn --version 创建文件夹 yarn md yarn 进入yarn文件夹 cd yarn 初始化项目 yarn init // 同npm init，执行输入信息后，会生成package 阅读全文
posted @ 2020-08-27 15:52 hello芳芳 阅读(918) 评论(0) 推荐(0)
JSON.stringify与JSON.parse区别
摘要：console.log(arr) console.log(JSON.stringify(arr)) console.log(JSON.parse(JSON.stringify(arr))) 阅读全文
posted @ 2020-08-25 17:37 hello芳芳 阅读(139) 评论(0) 推荐(0)
自定义指令directive
摘要：// 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() } }) 如果想注册局部指令，组件中也接受一个 directiv 阅读全文
posted @ 2020-08-25 15:36 hello芳芳 阅读(230) 评论(0) 推荐(0)
vue生产环境阻止鼠标右键
摘要：// 生产环境阻止鼠标右键 Vue.directive('preventright', { bind: function(el, binding, vnode) { if (process.env.NODE_ENV !== 'development') { el.oncontextmenu = fu 阅读全文
posted @ 2020-08-25 14:13 hello芳芳 阅读(1548) 评论(0) 推荐(0)
排序：根据数组里某个对象排序
摘要：<script> let arr=[ {id:1,name:"aaa",age:12}, {id:2,name:"bbb",age:20}, {id:3,name:"ccc",age:5}, {id:4,name:"ddd",age:18} ] function sortKey(array,key) 阅读全文
posted @ 2020-08-25 08:54 hello芳芳 阅读(348) 评论(0) 推荐(0)
获取当前毫秒数
摘要：console.log(new Date().getTime()) //1597828948928 console.log(Date.parse(new Date())) //1597828948000 阅读全文
posted @ 2020-08-19 17:24 hello芳芳 阅读(1414) 评论(0) 推荐(0)
选择日期默认月初到月末
摘要：<el-form-item label="选择日期"> <el-date-picker v-model="dateValue" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" u 阅读全文
posted @ 2020-08-19 16:36 hello芳芳 阅读(723) 评论(0) 推荐(0)
element-ui多选框reserve-selection指定row-key保留数据更新之前的数据
摘要：element-UI 的table表格数据有提供多项框的功能,只要在表格列中多加一列就可以选择表格的数据 但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页也就是上一次请求的数据的选中状态就没有了.element提供了reserve-selection可以保存数据更新前选中的值 阅读全文
posted @ 2020-08-19 09:46 hello芳芳 阅读(1458) 评论(0) 推荐(0)