vue 实现tab切换保留原始数据

Question

vue 做一个tab切换，切换内容为几个样式一样的列表页面 只是渲染数据不同而已，我想使用一个组件然后根据传递的参数不同来请求数据进而渲染，应该怎样写

Answer 1

你可以写一个共通的组件，然后不同的tab给不同的外层包裹一下，将不同的type 通过props传递到共通组件里面就可以了tab切换一般会用到<component :is="当前组件" />is中的值一定要变化的，不然组件是不会重新刷新的共通组件组件A：<div> &nbsp;&nbsp;&nbsp;&nbsp;<共通组件&nbsp;:type="A"></div>组件B：<div> &nbsp;&nbsp;&nbsp;&nbsp;<共通组件&nbsp;:type="B"></div>点击不同的tab的时候is的值，换成不同的组件就行了