将上面的代码复制到项目测试复现
w***@163.com
- 发布：2022-07-13 09:28
- 更新：2022-07-13 12:06
- 阅读：367
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 家庭中文版21H2
HBuilderX类型： 正式
HBuilderX版本号： 3.4.18
第三方开发者工具版本号： 1.06.2206271
基础库版本号： 2.17.0
项目创建方式： HBuilderX
操作步骤：
预期结果：
不报错，并且clickhandle方法能将taskitem打印出来
不报错，并且clickhandle方法能将taskitem打印出来
实际结果：
报错，并且clickhandle方法不能将taskitem打印出来，打印结果是undefined
报错，并且clickhandle方法不能将taskitem打印出来，打印结果是undefined
bug描述：
<template>
<view>
子组件
<view class="" v-for="(item,index) in list" :key="index">
<slot name="tasks" :taskitem="item"></slot>
</view>
</view>
</template>
<script>
export default {
name: "sub",
data() {
return {
list: [{
name: "zhangsan",
gender: "男",
age: 20
}, {
name: "lisi",
gender: "男",
age: 20
}]
};
}
}
</script><subpage>
<template #tasks="{taskitem}">
<view class="">父组件</view>
<u-button type="primary" @click="clickhandle(taskitem)">按钮{{taskitem.name}}</u-button>
<!-- 这种写法不可以 -->
<view v-if="taskitem.name.includes('lisi')">{{taskitem.name}}</view>
<!-- 这种写法可以 -->
<view v-if="taskitem.name=='lisi'">{{taskitem.name}}</view>
</template>
</subpage>
9***@qq.com
vue2 现在可以支持吗
2024-04-30 09:28