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

Question

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

Answer 1

你可以写一个共通的组件，然后不同的tab给不同的外层包裹一下，将不同的type 通过props传递到共通组件里面就可以了
tab切换一般会用到

<component :is="当前组件" />

is中的值一定要变化的，不然组件是不会重新刷新的

共通组件

组件A：

<div>
    <共通组件 :type="A"></div>

组件B：

<div>
    <共通组件 :type="B"></div>

点击不同的tab的时候is的值，换成不同的组件就行了