elementui 错误,优化 总结

1.  错误: TypeError: _self.$scopedSlots.default is not a function

   原因:这是因为在v-for/v-if切换标签时，原本这些标签每一个都是独立的 ，如果不添加key来区分则会出现复用的情况。故，需要添加key来做区分。如下:

   解决: <el-table key='ticketTable' v-if="isShowTicket"></el-table>

2. 问题:  使用时间插件,进行表单验证时每次选择事件就报value.getTime is not a function 如下图:

            

　　　　解决办法:

　　　　将验证方法

　　　　startDate: [
   　　　　                 {
                      　　　　  type: "date",
                      　　　　  required: true,
                       　　　　 message: "请选择日期",
                      　　　　  trigger: "change"
                    　　　　}
               　 ],

　　　　中的type: "date",改为 type: "string",

　　　　　　startDate: [
                  　　　　  {
                  　　　　 　　     type: "string",
                     　　　　　　   required: true,
                    　　　　　　    message: "请选择日期",
                     　　　　　　   trigger: "change"
                   　　　　 }
              　　  ],

3. el-select   问题1:     赋值显示 id 不展示名称   解决办法:  查看id 类型是否跟绑定id 类型是否一致

                    问题2:   el-select 设置默认值后选项无法切换

                    解决:     changeSel(){
               　　　　　　 this.$forceUpdate();
           　　　　　　 },

4.  问题: table 表格有些许的错位

　　　　解决办法:body .el-table th.gutter{　display: table-cell!important;}

 5. 问题:table header 边框线丢失

                 解决办法 : 横向丢失  .el-table td:not(.is-hidden), .el-table th.is-leaf:not(.is-hidden){   bottom:1px;  }

                                   纵向丢失   .el-table__row{ td:not(.is-hidden):last-child{right:-1px;} }

 

6.  问题:table 表格内容多一根线

 .el-table::before { z-index: inherit; }