我的入职学习之路——Vue+elementUI+PC端

1.解决除tab标签之外的内容联动问题
在这里插入图片描述
如图,在点击tab标签时,tab下的内容会发生变化,那么如果想要其他地方的内容也联动变化怎么办呢?
这里有两种思路:
1)由于我将不同的tab页内容分出来成为了新的子组件,所以就出现了父子组件,即包含tab的当前页面为父组件,
在这里插入图片描述
每一个tab的内容页为子组件,即
在这里插入图片描述
当点击不同的tab时,相应的子组件就会将要变化的内容传给父组件,“传送”这个动作需要父组件来触发,也就是说需要在父组件调用子组件传值的方法。
这样的方式进行联动,逻辑上有些复杂,而且在父组件触发时,没法达到我想要的效果。(水平不够,以后来填坑)
2)第二种方法是通过计算属性来变化,在computed里写一个if else就简单解决。

在这里插入图片描述
利用activeName这个属性,当activeName发生变化时,也就是点击不同tab页,就返回联动变化的内容给显示的div,这样的方式简单、逻辑清楚,代码少。
2、在做一些只展示数据的需求时,elementUI的栅格化比表格要好用很多。(经验之谈)
3.当需要覆盖elementUI的默认样式时,将之抽象到一个公共的css文件里,这样不会污染其他人的代码。
4、明天开始写接口了,前端小白,加油!先思考,再查询,再写代码~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值