element项目实战所遇到问题汇总

本文主要是介绍element项目实战所遇到问题汇总，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

---

el-select 的change，在初始化页面时候，触发很多次？

查看change是否写成了 :change，若是，改成 @change即可。

<el-select v-model="agreement" @change="onChangeAgreement">...<el-select/>

---

el-select 默认值显示value不显示label问题

原因：

1. value值可能不是 String 类型
2. 保证每个选项只有label和value试试？

---

el-radio-group 事件

请使用change，而非click

<el-radio-group v-model="tabPosition" v-for="item in tabs" :key="item.id" @change="toggleTab(item.id)"><el-radio-button :label="item.name"></el-radio-button>
</el-radio-group>

---

设置样式滚动条，会导致设置fixed的el-table样式出错错位

有解决方法的，可否评论告知下，谢谢！

::-webkit-scrollbar {width: 6px;
}::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2);
}::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1);
}

---

el-date-picker 日期选择器 ——[Vue warn]: Error in render: “TypeError: date.getFullYear is not a function” found in

当type=month,value-format='yy-mm’这里的yy-mm必须带中横杠，yymm这样会报上面的错。原因不详。感觉是格式要求吧。

---

el-table中有fixed列后出现高度不对的情况

经过一番折腾，最后发现加了个padding导致：

  // table body/deep/.el-table__body-wrapper {.el-table__body {.cell {padding: 0 ; /** 这里不能写 padding 的任何属性，否则会出现fixed行高不一致。  **/}}}

---

el-table嵌套el-form表单校验，出现有值也无法通过校验

原因：查看了el-form校验的源码，最后发现对数据类型有要求，必须一一对应。比如要求number类型，你传了String，就不会通过。

这篇关于element项目实战所遇到问题汇总的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---