晴天
晴天
  • 发布:2019-07-22 11:10
  • 更新:2020-06-19 14:31
  • 阅读:2074

【微信小程序自定义组件】自定义组件插槽传了props 参数后,在插槽内无法获取页面data定义的变量

分类:uni-app

微信小程序问题如下:
组件:
<template>
<view>
<view style="padding-top: 50upx;">
<slot :item="item"></slot>
</view>
</view>
</template>

页面:
<template>
<view>
<test :subData="subData" v-slot:default="{item}">
当前页面参数:{{data}}
<view @click="clickItem()">{{ item.title }} </view>
</test>
</view>
</template>
<script>
import test from '@/components/uni-z/test.vue'
export default {
components: {
test
},
data() {
return {
subData:"默认值",
data:"本页定义参数"
};
},
onLoad() {
//this.subData = "重新赋值"
console.log("进来onLoad");

    },  
    methods: {  
        clickItem(){  
            console.log("进来");  
        }  
    }  
}  

</script>

问题:在插槽内获取页面data定义的变变量是:undefined

2019-07-22 11:10 负责人:无 分享
已邀请:
晴天

晴天 (作者)

附件请查看

2***@qq.com

2***@qq.com

同问

6***@qq.com

6***@qq.com - 傻小子QZ

同问

m***@163.com

m***@163.com

同问,两层slot打包成wgt后就undefined,一层可用,2.7.9

该问题目前已经被锁定, 无法添加新回复