vue3 项目中微信小程序调用 wxs 方法无法传入响应式变量作为参数
- Dominant language
- JavaScript
- Stars
- 41.6k
- Forks
- 3.7k
- Avg merge
- 7h 6m
- Merged PRs (30d)
- 6
Description
### 问题描述
vue3项目在模板中调用 wxs 写的方法运行到微信小程序时传入的参数变成 undefined,运行到 h5 正常。
用 hbuilderx 新建了空白 demo 测试了三种情况:
1. 使用 `v-for` 遍历响应式数组并把 item 传入 wxs 方法
微信小程序 wxs 方法使用参数时对象属性为 undefined
2. 直接传入响应式对象变量给 wxs 方法
微信小程序不会调用 wxs 方法
3. 调用方法时直接传入对象
都可以正常工作
以下是 demo 代码
```Vue
reacitve array: {{ wxs.formatInfo(item) }}
reacitve object: {{ wxs.formatInfo(user) }}
object: {{ wxs.formatInfo({ name: 'Test5', age: '18' }) }}
var formatInfo = function (info) {
console.log('formatInfo: ' + info + ', name: ' + info.name + ', age: ' + info.age)
return '我是 ' + info.name + ", 今年 " + info.age
}
module.exports = {
formatInfo: formatInfo
}
export default {
data() {
return {
title: 'Hello',
users: [
{
name: 'Test',
age: '18'
},
{
name: 'Test2',
age: '19'
},
{
name: 'Test3',
age: '20'
}
],
user: {
name: 'Test4',
age: '18'
}
}
},
onLoad() {},
methods: {}
}
```
### 复现步骤
1. 写一个带参 wxs 方法
2. 在模板中调用时传入响应式变量
3. 运行到小程序
### 预期结果
微信小程序可以正常使用 wxs 方法
### 实际结果
微信小程序不能正常调用 wxs 方法

log

h5可以正常运行

log

### 系统信息:
- 发行平台: 微信小程序、H5平台
- 操作系统 : Microsoft Windows [Version 10.0.22631.2861]
- HBuilderX版本: 3.98
- 设备信息: WeChatLib: 3.1.5
### 补充信息
demo 是用 hbuilderx 创建的默认模板 vue3 项目
Contributor guide
Assessment
This issue has not been assessed yet.