本文探讨如何将一个包含两个v-select和一个输入字段的Vue组件拆分到不同的选项卡中，同时保持它们之间的依赖关系。该组件目前连续显示位置、天数和旅馆信息，目标是将它们分别显示在独立的选项卡内，每个选项卡具有自己的样式和HTML结构。
我有一个组件，可以返回位置，然后返回位置，然后依次返回旅馆，但是我希望这些分为3个不同部分，例如它们显示在选项卡中。
组件代码：
{{location.name}} - Days :
@input="addtohotel(index,location.id)" :value="non" :options=hoteloptions[location.id] />
Remove
Day {{day}}-
{{preselect(day,defaultt,location.id,place)}}
:value="defaultt" :options="localplace[location.id][day]" multiple />
Place: {{placeinfo['title']}}:
From:
v-model="objj[location.id]['day-'+day]['place'][index]['from_time']">
To:
Remark:
v-model="objj[location.id]['day-'+day]['place'][index]['remark']">
yess
在上面的代码中，有2个v-select和1个输入一个接一个列出，因为它们彼此依赖，但我希望在父vue文件的不同选项卡中使用它。 如何实现呢？ 标签具有自己的样式和html结构。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
