我有一个具有数据属性(布尔型)的父组件,如下所示:
<script>
import PmhnEntryAll from './components/PmhnEntryAll'
import {store} from './store.js'
export default {
name: 'PmhnApp',
components: {
PmhnEntryAll,
},
data: function () {
return {
vPmhnEntryAll: store.componentVisibility.vPmhnEntryAll,
}
},
}
</script>
,在子组件中,我要将vPmhnEntryAll设置为“ true”。我该怎么办?
答案 0 :(得分:2)
通常使用父级的v-on:
和子级的$emit
查看https://vuejs.org/v2/guide/components-custom-events.html中有关事件发生的文档
您还可以更进一步,v-bind
是事件侦听的一种形式,但是它只能用于什么应用程序。 https://vuejs.org/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components
您还可以传递一个函数来更新变量,但这被认为是反模式,不建议这样做。
根据项目的结构,您可以使用总线或vuex来管理全局范围。