父组件和作用域使用同一个变量，如何渲染

Question

child.vue
<div>
<slot name="zz" v-bind:obj="tt"></slot>
</div>
data () {
return {
   tt:{
       age:23
     }
  }
}

父组件
<div>
<child>
<p slot="zz" slot-scope="{obj}">{{obj}}{{na}}</p>
</child>

</div>

data (){
return {
  obj:88,
  na:89
}
}

父组件会显示什么？

Answer 1

ustbhuangyi 2021-04-25 10:52:13

obj 会取子组件的数据，作用域插槽实际上执行的时候是读取的函数的参数，不会取到父组件定义的数据

• 提问者 前端工程师666777888 #1

  意思是，里面写的那个{{na}}会报错了

• ustbhuangyi 回复 提问者 前端工程师666777888 #2

  为哈会报错呢，{{ na }} 可以取到父组件定义的数据啊