前端bug汇总

47 阅读1分钟
1. el-radio-groud @chang事件冒泡
<label>
    <!--   tab切换栏   -->
    <el-radio-group v-model="current" size="medium"
                  @change="onChildTabChange">
    <el-radio-button :label="1">今日</el-radio-button>
    <el-radio-button :label="2">昨日</el-radio-button>
    <el-radio-button :label="3">7日</el-radio-button>
    <el-radio-button :label="4">本月</el-radio-button>
    <el-radio-button :label="5"></el-radio-button>
    </el-radio-group>
</label>

原因:外层使用label标签导致点击el-radio-group父元素同样执行change事件。(但一般不会这样子写,这个label是在父组件没注意到。)

2.Vuex 赋值后修改(.unshift ...)报错
//原:
let projectName = this.$store.state.dataInit.projectName // (projectName : [])
projectName.unshift({
  label: '全部',
  value: ''
})
​
/** 报错:Error in callback for watcher "function() {
 *   return this._data.$$state;
 * }": "Error: [vuex] do not mutate vuex store state outside mutation handlers."
 **///修改为
let projectName = Array.from(new Set(this.$store.state.dataInit.projectName));
projectName.unshift({
  label: '全部',
  value: ''
})