Vue.js-从插槽的组件访问数据

Question

使用插槽从组件访问数据时遇到问题。

这是我的代码： <plugin> <artifactId>exec-maven-plugin</artifactId> <version>1.6.0</version> <groupId>org.codehaus.mojo</groupId> <executions> <execution> <id>update build artifacts</id> <phase>package</phase> <goals> <goal>exec</goal> </goals> <configuration> <executable>jar</executable> <commandlineArgs>-uvf target/your.jar .profile</commandlineArgs> </configuration> </execution> </executions> </plugin>

我想要这行： codepen.io/anon/pen/BbOEZz 它开始工作，并在模板的插槽中显示带有日期的值。

有人可以帮我解决这个问题吗？

Answer 1

您的代码中有几个错误

1。您不能直接从孩子那里访问数据。子女使用emit通过事件与父母进行交流。

您应该

• 触发孩子的事件
• 在父级上收听事件
• 更新父项上的变量。

2。应用上没有声明desc_01。模板是在应用程序的上下文中执行的，而不是在子项中执行的，因此您还需要定义该属性。

data () {
 return {
  desc_01: ''
 }

}

我为此here添加了一支密码笔。