<script module="utilTe" lang="wxs">
var barWidth = function(index){
console.log(11111,index)
var res = (200 * index) / 5;
return res;
};
var barColor = function(index){
console.log(22222,index)
var barBgColor = ['#6033FF','#4B87FF','#37C2BC','#FFAA32'];
return barBgColor[index];
};
module.exports = {
barWidth:barWidth,
barColor: barColor
}
</script>
<template>
<view>{{test.a}}-{{utilTe.barWidth(test.a)}}</view>
</template>
<script lang="ts" setup>
let test =reactive({
a:1
})
</script>
8***@qq.com
- 发布：2023-01-19 11:39
- 更新：2023-01-19 11:39
- 阅读：154
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 13.1
第三方开发者工具版本号： 1.06.2210310
基础库版本号： 2.29.1
项目创建方式： CLI
CLI版本号： 5.08
示例代码：
操作步骤：
同上
同上
预期结果：
返回正常数值
返回正常数值
实际结果：
返回undefined
返回undefined
bug描述：
环境：node v18, vue3 vite编译有问题
代码如下：
<script module="utilTe" lang="wxs">
var barWidth = function(index){
console.log(11111,index)
var res = (200 * index) / 5;
return res;
};
var barColor = function(index){
console.log(22222,index)
var barBgColor = ['#6033FF','#4B87FF','#37C2BC','#FFAA32'];
return barBgColor[index];
};
module.exports = {
barWidth:barWidth,
barColor: barColor
}
</script>
<template>
<view>{{test.a}}-{{utilTe.barWidth(test.a)}}</view>
</template>
<script lang="ts" setup>
let test =reactive({
a:1
})</script>
问题：utilTe.barWidth(test.a） 执行获取参数为undefined。（使用vue3 ts vue-cli构建没这个问题）下图：
编译成小程序代码文件：
如果小程序代码中{{a}}- {{util.barWidth($data.test)}}改为{{a}}- {{util.barWidth(a)}}一切正常了，看似是个bug。
