如何解决如何在Vue JS中单击Click调用组件?
我有两个组件。在一个组件索引上,单击一个按钮,我想调用另一个 Reply 组件。我也想将数据传递给该组件。您可以看到具有表格最后一列的索引组件是“操作”,单击该按钮时我要加载具有模式的 Reply.vue 按钮。我基本上想加载该模式
Index.vue
<template>
<v-row justify="center">
<v-dialog v-model="dialog" fullscreen hide-overlay transition="dialog-bottom-transition">
<template v-slot:activator="{ on,attrs }">
<v-btn
color="primary"
dark
v-bind="attrs"
v-on="on"
>
Open Dialog
</v-btn>
</template>
<v-card>
<v-toolbar dark color="primary">
<v-btn icon dark @click="dialog = false">
<v-icon>mdi-close</v-icon>
</v-btn>
<v-toolbar-title>Settings</v-toolbar-title>
<v-spacer></v-spacer>
<v-toolbar-items>
<v-btn dark text @click="dialog = false">Save</v-btn>
</v-toolbar-items>
</v-toolbar>
<v-list three-line subheader>
<v-subheader>User Controls</v-subheader>
<v-list-item>
<v-list-item-content>
<v-list-item-title>Content filtering</v-list-item-title>
<v-list-item-subtitle>Set the content filtering level to restrict apps that can be downloaded</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list>
</v-card>
</v-dialog>
</v-row>
</template>
<script>
export default {
data () {
return {
dialog: true,notifications: false,sound: true,widgets: false,}
},}
</script>
Reply.Vue
test
解决方法
如果将Reply.vue中的对话框数据更改为一些props值该怎么办。当单击btn时,将props值更改为true,以便可以打开模式对话框吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。