随笔分类 -  VUE

element-ui中表格 type="expand"设置全部展开
摘要：1、table需要绑定两个属性expand-row-key和row-key <el-table :data="tableData" :expand-row-keys="expends" //expends是数组，设置你要展开行的id :row-key="getRowKeys" //通过getRowK 阅读全文
posted @ 2020-06-08 17:33 lezuw 阅读(5224) 评论(0) 推荐(0)
element-ui组件中的select等的change事件中传递自身及自定义参数
摘要：触发change事件时可能不只需要传递被选中项的值，还要传递index过去，来改变同一循环中的其他标签的状态。那你就需要这样像以下这样写： <div v-for="(item,index) in itemList"> <el-select v-model="item.value" @change=" 阅读全文
posted @ 2020-04-28 17:18 lezuw 阅读(1923) 评论(0) 推荐(0)
vue 配置发布测试环境，成产环境api
摘要：vue通过配置不同命令自动发布到测试环境或者成产环境 cnpm run build 配置开发环境 cnpm run build:test 打包到测试环境 cnpm run build:prod 打包到成产环境 vue 在vue-cli脚手架会生成build config两个文件夹 在build文件夹 阅读全文
posted @ 2020-04-21 17:34 lezuw 阅读(388) 评论(0) 推荐(0)
el-image组件大图预览定位当前图片
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/ind 阅读全文
posted @ 2020-04-21 17:30 lezuw 阅读(3121) 评论(2) 推荐(0)
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题
摘要：原因：在路由中添加了相同的路由。解决：重写路由的push方法 在src/router/index.js 里面import Router from 'vue-router'下面写入下面方法即可 阅读全文
posted @ 2019-10-22 09:53 lezuw 阅读(9547) 评论(0) 推荐(0)
vue-awesome-swiper使用自动轮播和循环轮播不生效(loop和autoplay)
摘要：方法一： 在项目中使用vue-awesome-swiper如果loop和autoplay总是出现各种问题,第一次加载的时候,轮播是不动的,需要重新加载一下swiper才会轮播 解决方案: 需要添加上两个属性,这样达到一个初始化swiper的目的 方法二： 在vue项目中经常会用轮播图，我一般用vue 阅读全文
posted @ 2019-08-30 20:35 lezuw 阅读(11666) 评论(0) 推荐(0)
ant-design-vue table组件字段提示、格式化
摘要：<div> <a-table :columns="columns" :rowKey="record => record.id" :dataSource="dataSource" :scroll="{ x: 2200 }" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination= 阅读全文
posted @ 2019-08-15 15:53 lezuw 阅读(7834) 评论(2) 推荐(2)
Vue axios获取数据被包装成data
摘要：Vue axios获取数据被包装成data axios 获取数据的最终结果： 阅读全文
posted @ 2019-07-10 14:01 lezuw 阅读(415) 评论(0) 推荐(0)