<template>
<view class="keys">
<button class="btn-key" v-for="key in keys" @click="render.onInputKey(key)">{{key}}</button>
</view>
</template>
<script module="render" lang="renderjs">
export default {
methods: {
onInputKey(key) {
console.log('inputKey', key, arguments);
}
}
}
</script>
<script lang="ts">
export default {
props: { },
data() {
return {
keys: '123456789?'.split('')
};
}
}
</script>
dennyjiang
- 发布：2024-07-11 18:25
- 更新：2024-07-12 09:06
- 阅读：271
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 14.5
HBuilderX类型： 正式
HBuilderX版本号： 4.23
手机系统： Android
手机系统版本号： Android 14
手机厂商： 华为
手机机型： 其他
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
点击按钮
点击按钮
预期结果：
输出按钮的值
输出按钮的值
实际结果：
输出event和ownerInstance
输出event和ownerInstance
bug描述：
以下是用renderjs绑定的事件，将key传递到事件方法onInputKey中，在web中能达到预期效果，在app中onInputKey方法获取到的是event和ownerInstance。
<template>
<view class="keys">
<button class="btn-key" v-for="key in keys" @click="render.onInputKey(key)">{{key}}</button>
</view>
</template>
dennyjiang (作者)
change可以从逻辑层传值，这个是OK的。 问题是组件循环不需要逻辑层传值， 目前用data-key 赋值到组件的dataset，再从事件中获取组件的data。
2024-07-12 12:11