如何解决Vue-如何显示数组中单击的项目和上一个/下一个项目
我在相邻的两行中有两个元素:
我将它们全部放入一个对象数组中,并通过道具对其进行调用,以将它们显示在左侧。
现在我想做的是,当我单击左侧项目中的任何通道时,它会在右侧显示,并在数组中的第一个项目之前和之后显示,因此我将使用$emit
@clicked
函数来获取一个事件,以在app.vue
上对其进行调用。但是我不知道要怎么显示它。
我觉得我应该创建一个新组件,但是我对其中的元素感到茫然。
编辑:对不起,我忘了提一下,图片不是我的代码的设计结果,我只能创建一个左侧的“站列表”,并且在单击左侧时在执行右侧部分时遇到问题部分
解决方法
您确实可以创建2个组件。 1个组件,其中包含所有工作站的列表。显示广播电台详细信息的另一个组件。 单击列表中的电台后,它会发送事件并更新vue.app中的属性。例如,这可以称为selectedStation。 显示广播电台详细信息的组件只会收到包含广播电台详细信息的道具。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。