开发经验
Huijie Xu
不管做什么,做到好,这个过程本身就很有趣
展开
-
vuex(mapActions+mapGetter)配合v-model处理数据
业务场景:elementui中的el-checkbox绑定的数据为一个存储在vuex当中的数据// template<el-checkbox v-model="showBasicData"></el-checkbox>一开始,本来尝试直接用mapGetters中返回的getter作为数据源,类似如下形式:computed: { ...mapGetters([ 'showBasicData' ])}但,会报错:Computed property “XX” w原创 2022-01-19 10:44:09 · 713 阅读 · 1 评论 -
踩坑——Elementui Table控件动态列初始化错位、错行问题
解决Elementui Table控件动态列初始化错位、错行问题主要基于两点:对于el-table中动态渲染的列:要有key,如:<el-table-column:key="index+Math.random()"> // 这里注意,一定要保证key的不一致性</el-table-column>在获取完数据时,在nextTick中进行doLayout()this.$nextTick(() => { this.$refs['your-table-name'原创 2021-10-12 18:10:22 · 1277 阅读 · 2 评论 -
踩坑——Elementui Table控件el-table-column表头响应式
场景:Elementui的table组件的<el-table-column>中,表头数据是随着日期选择器变化而动态生成,不断变化的,所以显示的表头内容需要响应式变化。// 大致结构:<el-table-column v-for="(label, index) in tableLabels" :key="index" :label="label.split('--')[0]" // 这一行非常重要!不然无法响应式 :prop="label.substr(-8)">原创 2021-06-17 15:04:24 · 1565 阅读 · 0 评论 -
Chrome浏览器模拟4G网络
1 F12 打开开发者工具2 选择Network面板,选择“Add”添加自定义网络:4 填写自定义网络网速信息:5 选择“Add”保存自定义网络信息,设置成功结果:需要模拟4G网络环境时选择“4G”这一项设置即可...原创 2021-04-14 10:53:19 · 2194 阅读 · 0 评论 -
解决:element动态渲染菜单(垂直)后折叠菜单栏时<el-submenu>文字不隐藏问题
在slot为title的<template>中,给submenu的名字处多加一层<span>就好了························如下:<el-submenu v-for="menu in menuList"> <template> <i icon="el-icon-menu"></i> <span>{{menu.manuName}}</span> <!--这一组span标签是原创 2021-04-01 16:43:07 · 1123 阅读 · 2 评论 -
vue-cli-service本地编译不打印lint warning和error信息
本地每次启服务,打印一大堆lint提示warning和error,有时速度超级慢,就想编译时候,不要打印这些信息了,修改vue.config.js即可:module.exports = { linOnSave: false // 不打印lint提示}https://cli.vuejs.org/config/#lintonsave...原创 2021-03-09 14:58:16 · 1174 阅读 · 0 评论