菜狗月月总结(2)菜狗bug真多

明天双11的预售就要开始了,你准备好了吗?

1、ElementUI的prop

有这么个需求,我得用三元表达式判断,然后数据应该显示“某数据”还是“-”。代码如下!!!发现没,我是不是很蠢,我当时觉得一丁点错没有呢。prop:对应列内容的字段名

<el-table-column :prop="data ? 'data':'-' "></el-table-column>

prop绑定的是接口返回数据里的属性名,我要是拿个“-”,谁会和“-”相等?我蠢的无可救药。

<el-table-column>
 {{ data ? data : "-" }}
<el-table-column/>

2、一个页面引用多次相同组件

1,一个页面引用一次组件是没问题的,但是引用俩次,第二个就会覆盖上一次的。
2,那么是为什么呢?
2,组件化的使用就是作用域隔离,一个界面多次引用同一个组件,就是如果只创建了一个实例,但是却对这个实例调用了两次,这两个调用就会造成相互干扰的问题,因为这时候这两个调用访问的是同一个作用域。vue中同一个页面多次使用同一个组件的相互干扰问题

<list-info v-if="type = 1"></list-info>
<list-info-one v-if="typeOne = 2"></list-info-one>

import ListInfo from "../../ListInfo"
import ListInfoOne from "../../ListInfo"
<!-- 记得注册组件-->
<!-- 如果不行的情况下,加个v-if我之前好像是这么做的,不加可能也出现问题 -->

3、总结

这么久了,虽然天天在写ElementUI的东西,但是问题还是一波接一波,百度的方法要一直试,也要花很多时间。但是我会继续好好整理这些我问题的,加油加油,一起加油。

4、推广

ElementUI(4)修改el-table某列的样式

ElementUI(5)分页的封装与mixin混合的使用含代码

ElementUI(6)el-table使用fixed固定列,表格出现混乱

上一篇:vue 2.0 关于 子组件修改父组件 prop


下一篇:vue 实现 可编辑表格table