摘要：
通过过滤器filter获取数组对象的属性名和属性值 const arr = [ { label: '张三', value: '111111', }, { label: '李四', value: '22222', }, ] //通过filter过滤获取到新数组 //第一种写法： // const ne 阅读全文
摘要：
介绍 最近用到 element 的表格的 render-header 属性，官方似乎没具体说明怎么使用，然后自己找资料实现了满足需求的解决方案。 需求1: 在表头放一个带点击事件的按钮 需求2: 点击按钮时需要传输自定义参数（用来区分点击的是哪一列） 主要以 render-header 进行扩展使用 阅读全文
摘要：
链判断运算符的安装 在vue项目中使用es6新的[运算符]（例如链判断运算符，null判断运算符）会报错，编译不成功需要安装babel依赖,并添加到babel.config.js中。 1.安装依赖 //NULL判断运算符 ?? npm install @babel/plugin-proposal-n 阅读全文
摘要：
实现原理：利用vue创造一个自定义指令，绑定到需要拖拽移动的el-dialog组件上，在自定义指令中处理弹窗拖拽。 1.utils文件夹下创建dialog-directive.js文件. 注：其中const dragDom = el.querySelector('.el-dialog') || el 阅读全文
摘要：
1、file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 2、url-loader：和 file-loader 类似，但是能在文件很小的情况下以 base64 的方式把文件内容注入到代码中去 3、source-map-loader：加载额外的 Source M 阅读全文
摘要：
什么是webpack? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每 个模块,然后将所有这些模块打包成 阅读全文
摘要：
Vue.prototype 通过在vue原型上定义它们使其在每个 Vue 的实例中可用 在多个地方都需要使用但不想污染全局作用域的情况下，这样定义，在每个 Vue 实例中都可用。 $ 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生 阅读全文
摘要：
在 2.x 中，开发者可以使用过滤器来处理通用文本格式。 例如： <template> <h1>Bank Account Balance</h1> <p>{{ accountBalance | currencyUSD }}</p> </template> <script> export defaul 阅读全文
摘要：
执行 npm install --save less less-loader 安装完less 后 ，在style 中使用less 时会报error 这种情况是less-loader版本过高引起的，可以在package.json 中查看当前less 的版本 所以针对这种情况我们可以先把现有的less- 阅读全文
摘要：
使用下列任一命令安装 vue-cli 脚手架： npm install -g @vue/cli # OR yarn global add @vue/cli 安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。 阅读全文