老师，请问vue3如何获取slot插槽内组件的data值，并更改data值？

Question

Answer 1

双越 2021-07-21 09:33:50

你去重新提交一个问题吧，我给你写一个 demo

Answer 2

双越 2021-07-19 21:37:05

你应该把 defautKey 的值传入到子组件 tab-panel 中，让它来判断显示/隐藏。

或者，你直接在这里，通过 defaultKey 和 actKey 对比，来设置 v-if 或者 v-show 。

组件设计的基本逻辑：上层管理数据，下层获取数据处理视图。这样做起来才会顺畅。

你是直接想在父组件，修改子组件的数据，这就反模式的。有点像 DOM 操作。

• 提问者 想做大神 #1

  我的defautKey 是在tab-group中以props的形式定义的，怎样把 defautKey 的值传入到子组件 tab-panel 中呢？

• 提问者 想做大神 #2

  还有，您说的第二种方法是不可行的（或者，你直接在这里，通过 defaultKey 和 actKey 对比，来设置 v-if 或者 v-show）

• 提问者 想做大神 #3

  老师，上接 vue3 封装 tabs 组件问题，您说的不能给我写出来耽误时间我理解您，您让我照着例子写问题是那个都是vue2写的，vue2的会写，但和3还是有很大区别，我看了element-ui-plus里面的写法人家用的是ts，您能看我上面给贴出来的代码给些建议和思路吗？

点开查看后面4条评论