vue.js - 通过事件总线 -Vue js 呈现的项目
问题描述
<template>
<div>
<h1>This is a data page</h1>
<p v-for="data in dummyData" :key="data.id">{{ data.title }}</p>
</div>
</template>
<script>
import { eventBus } from '../main'
export default {
name: "Data",
data() {
return {
dummyData: [
{
id: 1,
title: "Dummy Data One",
completed: false
},
{
id: 2,
title: "Dummy Data Two",
completed: false
},
{
id: 3,
title: "Dummy Data Three",
completed: false
},
]
}
},
created() {
eventBus.$on('pass-todo', (**obj**) => {
var parsedobj = JSON.parse(JSON.stringify(obj))
console.log(parsedobj)
})
}
}
</script>
如何通过 evenBus 将来自另一个组件的对象传递给模板,以便我可以渲染它?更具体地说,我实际上想将即将到来的对象添加到 dummyData 并渲染它!
解决方案
推荐阅读
- c# - How to convert 'GameObject to Custom Class'
- php - 如何使用 Get 函数作为对象
- visual-studio - 尝试从 Xamarin 表单中的列表视图中删除单元格/项目时,为列表视图的上下文操作获取红色背景
- apache-kafka - 为什么在 Kafka REST 代理中进行 base64 编码/解码?
- http - 无法在 if..else 条件中获取变量数据:“undefined err go”
- ssis - 在 CMD 中执行时,SSIS 包不移动文件
- mysql - 如何检查我的内部连接是对还是错?
- android - Android Google Map Gradle 依赖错误
- c++ - 矢量擦除循环给出错误,这是什么意思?
- jquery - 无法使用开放图在 Facebook 上分享动态图像