晴天莫爱小鸟
晴天莫爱小鸟
  • 发布:2023-05-31 18:27
  • 更新:2024-04-09 10:34
  • 阅读:211

【报Bug】vue3编译到微信小程序页面for渲染使用wxs拼接后循环的每个对象属性为undefined

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 11 企业版 22H2

HBuilderX类型: 正式

HBuilderX版本号: 3.7.11

第三方开发者工具版本号: 1.05.2204250

基础库版本号: 2.32.0

项目创建方式: HBuilderX

示例代码:

wxs文件:
var imgUrl = "https://***/";

module.exports = {
imgUrl:imgUrl
}

index.vue 内容
<template>
<view class="content">
<view class="text-area">
<view class="title" v-for="(item,index) in toolArrayOne" :key="index">
<image :src="appconfig.imgUrl+item.icon"></image>
</view>
</view>
</view>
</template>
<script module="appconfig" lang="wxs" src="../../common/appconfig.wxs"></script>
<script>
export default {
data() {
return {
toolArrayOne :[{
label: '项目1',
icon: 'index/index-icon-1.png',
show: true,
authc:'login',
},
{
label: '项目2',
icon: 'index/index-icon-2.png',
show: true,
authc:'login',
}, {
label: '项目3',
icon: 'index/index-icon-3.png',
show: true,
authc:'login',
}, {
label: '项目4',
icon: 'index/index-icon-4.png',
show: true,
authc:'login',
}, {
label: '项目5',
icon: 'index/icon-11.png',
show: true,
authc:'login',
}, {
label: '项目6',
icon: 'index/index-icon-5.png',
show: true,
authc:'login',
}, {
label: '项目7',
icon: 'index/index-icon-6.png',
show: true,
authc:'login',
}, {
label: '项目8',
icon: 'index/index-icon-8.png',
show: true,
authc:'login',
},
]
}
},
onLoad() {

    },  
    methods: {  

    }  
}  

</script>

<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.text-area {
display: flex;
justify-content: center;
flex-direction: column;
}
</style>

操作步骤:

vue3模式下运行项目

预期结果:

每个image的src应该是https://***/index/index-icon-8.png等

实际结果:

每个image的src是https://***/undefined等

bug描述:

在vue3中,页面调用for渲染,需要用wxs做前缀拼接,后接for里的每个对象,会出现对象属性为undefined
但是H5中正常,vue2模式下全部正常

2023-05-31 18:27 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

兄弟 解决没

要回复问题请先登录注册