标签:菜狗 真多 .. ElementUI prop ListInfo 组件 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(5)分页的封装与mixin混合的使用含代码
ElementUI(6)el-table使用fixed固定列,表格出现混乱
标签:菜狗,真多,..,ElementUI,prop,ListInfo,组件,bug,同一个 来源: https://blog.csdn.net/weixin_49567496/article/details/120846213
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。