今年开始学习vue+element实现后台开发，在实现批量删除功能时有2个小知识点记录在下：1、如何实现单击行交替选中当前行的复选框，element官网的table实例中没有找到。——通过selection-change实现2、如何获取选中行的值来实现批量删除。——通过row-click和toggleRowSelection实现代码如下html:批量删

1、使用场景项目里将element-ui的el-upload写成公共组件方便调用，官方的before-upload方法用于处理上传前要做的事，如：比较文件大小，限制文件类型等，通过返回true 或 false 控制是否上传。 当该组件调用父组件方法，并且要能获取到父组件方法的返回值，如何实现？2、问题说明通常子组件调用父组件方法：this.$emit(方法名, 传参1, 传参2)，但是此方法...

Vue项目开发中碰到对表格数据实现上移，下移的需求，只是纯前端实现移动数组数据，不跟服务端做交互。经研究，用splice方法简洁优雅，具体实现如下：// 上移，下移onMove(code, dir) {let moveComm = (curIndex, nextIndex) => {let...

开发中遇到的需求是：多个页面调用同一组件，通过传参获取不同的数据展示在页面上。多个路由映射到同个组件，只是传参不同，页面切换不会触发组件的创建cteated方法，怎么办？官方给出的解决办法：https://router.vuejs.org/zh-cn/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%E8%B7%AF%E7%94%B1%E5%8

最近在玩以vue为基础开发web代码编辑器，发现Monaco Editor（仿 Visual Studio Code）插件完美的解决了业务需求。故将重要的记录如下：安装1、monaco-editor和monaco-editor-webpack-plugin安装npm install monaco-editor --save-devnpm install monaco-editor-webp...

开发中碰到的需求如下：如何实现？参考vue官方文档，没有找到。文档针对class的对象语法是在明确属性名的情况下，通过true or false动态显示class名，class名是固定的，针对class的数组语法虽然class名是动态的，但不适用v-for循环。而本例是在v-for循环中实现class名动态（赋变量值）。代码如下：<template><di

今年开始学习vue+element实现后台开发，在实现批量删除功能时有2个小知识点记录在下：1、如何实现单击行交替选中当前行的复选框，element官网的table实例中没有找到。——通过selection-change实现2、如何获取选中行的值来实现批量删除。——通过row-click和toggleRowSelection实现代码如下html:批量删

1、vue.js的computed方法：处理复杂逻辑，基于依赖缓存，当依赖发生改变时会重新取值。用methods也可以实现同样的效果，但methods在重新渲染的时候会重新调用执行，在性能上computed优于methods,当不需要缓存时可用methods。实例1：computed和methods实现翻转字符串原始字符串: {{ message }}