2019年6月2日
Cannot assign to read only property 'exports' of object '#<Object>'
摘要： 在webpack项目中使用@babel/plugin-transform-runtime时,报错 ERROR in Error: E:\workdata\webpackVue/node_modules/_@babel_runtime@7.4.5@@babel/runtime/helpers/ typ 阅读全文
posted @ 2019-06-02 22:48 潇湘羽西 阅读(4032) 评论(0) 推荐(0) 编辑
Support for the experimental syntax 'classProperties' isn't currently enabled
摘要： 项目中使用高级语法报错, 报错信息 SyntaxError: E:\workdata\webpackVue\src\index.js: Support for the experimental syntax 'classProperties' isn't currently enabled (22: 阅读全文
posted @ 2019-06-02 19:23 潇湘羽西 阅读(1538) 评论(0) 推荐(0) 编辑
CssSyntaxError (2:1) Unknown word 1 | > 2 | var content = require("!!./index.css");
摘要： 项目引入css文件后报错 Module build failed (from ./node_modules/_css-loader@2.1.1@css-loader/dist/cjs.js):CssSyntaxError (2:1) Unknown word 1 |> 2 | var content 阅读全文
posted @ 2019-06-02 18:14 潇湘羽西 阅读(4799) 评论(0) 推荐(0) 编辑
2019年5月31日
vue-transition实现加入购物车效果及其他动画效果实现
摘要： vue提供了<transition></transition>和<transition-group></transition-group>实现元素状态的过渡.加入过渡效果可以使元素的展示和隐藏更自然. 如果在vue中使用了<transition></transition>标签,vue会检测是否有应用 阅读全文
posted @ 2019-05-31 09:41 潇湘羽西 阅读(9313) 评论(0) 推荐(0) 编辑
2019年5月24日
Array.reduce()方法
摘要： Array.reduce()方法是对数组的遍历,返回一个单个返回值 使用方法: Array.reduce((acc, cur, idx, src) => { }, initialValue) callback回调函数接收4个参数: Accumulator (acc) (累计器) 如果传入了initi 阅读全文
posted @ 2019-05-24 12:19 潇湘羽西 阅读(17679) 评论(1) 推荐(2) 编辑
2019年5月23日
Object.keys()返回对象自身可枚举属性组成的数组
摘要： Object.keys()方法是对一个对象的key遍历,会把key组成一个数组返回 示例: // 参数为数组时,返回的是数组的索引 let arr1 = [1, 2, '3'] console.log(Object.keys(arr1)) // (3)["0", "1", "2"] let arr2 阅读全文
posted @ 2019-05-23 17:41 潇湘羽西 阅读(707) 评论(0) 推荐(0) 编辑
2019年5月22日
vue + mixin混入对象使用
摘要： vue提供的混入对象mixin,类似于一个公共的组件,其他任何组件都可以使用它.我更经常的是把它当成一个公共方法来使用 在项目中有些多次使用的data数据,method方法,或者自定义的vue指令都可以放到mixin中,引入到各自的组件就可以使用,非常方便.这里写一下局部的混入组件使用,不建议在项目 阅读全文
posted @ 2019-05-22 15:19 潇湘羽西 阅读(1679) 评论(0) 推荐(0) 编辑
2019年5月17日
el-table + el-form实现可编辑表格字段验证
摘要： 表格输入信息很常见,因此表格的验证也很必要,el-form提供了输入框验证.可以和表格结合起来用,使用效果 HTML: <div class="table_box"> <el-button type="primary" class="submit_btn" @click="addTable">添加< 阅读全文
posted @ 2019-05-17 18:31 潇湘羽西 阅读(4936) 评论(0) 推荐(3) 编辑
2019年5月7日
vue项目中使用mockjs+axios模拟后台数据返回
摘要： 自己写练手项目的时候常常会遇到一个问题,没有后台接口,获取数据总是很麻烦,于是在网上找了下,发现一个挺好用的模拟后台接口数据的工具:mockjs.现在把自己在项目中使用的方法贴出来 先看下项目的目录,这是用vue-cli生成的一个vue项目,主要是需要配置axios和写接口数据mock.js 首先需 阅读全文
posted @ 2019-05-07 10:39 潇湘羽西 阅读(10523) 评论(0) 推荐(2) 编辑
2019年4月18日
vue-tree 组织架构图/树形图自动生成(含添加、删除、修改)
摘要： 这个组件是在一个githup项目上增加了一些功能 原项目地址:https://github.com/tower1229/Vue-Tree-Chart 建议把整个安装包下载下来,写成组件使用.这样方便定制自己的业务需求 原项目效果图 修改后效果图,主要是增加了添加,编辑,删除功能.以及样式上的修改 添 阅读全文
posted @ 2019-04-18 19:54 潇湘羽西 阅读(47365) 评论(15) 推荐(2) 编辑