根据主要Vue实例中的prop值切换组件

时间:2018-08-17 00:00:11

标签: vue.js vuejs2 vue-component

我正在设计一个页面,使用一个酒店组件返回一堆不同的酒店。每家酒店都会将唯一的值传递给组成部分,例如名称,星级,酒店设施等。

在Vue实例的主页上,我需要一些基本的过滤器,这些过滤器可根据组件自身的prop值来切换每个组件的true / false。我不知道如何将prop值从hotel组件中拉出到Vue主实例中并在其上运行方法?

由于这是一个小型应用程序,因此我正在使用CDN以便于使用。

下面的组件示例。

<hotels
hoteltitle="Ryans"
hoteldesc="This hotel is situated on the popular waterfront with sweeping views 
overlooking the marina."
loc="Ibiza"
star="4"
beachfront="true"
family="false"
gym="true"
pool="true"
single="true"
spa ="false"
hotelurl="/url.html"
price="74"
url="index2.html"
accomCode="30030"
></hotels>

1 个答案:

答案 0 :(得分:0)

如果要将emit数据从子组件传输到父组件,可以使用$emit函数。选中officiel doc
检查此代码笔example