问题描述
APP平台,在组件里,view的事件里获取的dataset为{},H5和小程序正常。
复现步骤
[复现问题的步骤]
/components/submenu.vue
<template>
<view @click="submenu_route" :data-src="content.src" data-test="hello">
点我不ok!
</view>
</template>
<script>
export default {
props: {
content: {
type: Object,
default: () => ({}) // 属性初始值(可选),如果未指定则会根据类型选择一个
}
},
methods: {
submenu_route(e) {
console.log("拿不到dataset,干着急!: ", e.currentTarget.dataset);
}
}
};
</script>
/pages/index/index.vue
<template>
<view class="content">
<view @click="submenu_route" :data-src="content.src">
点我是ok的,能拿到dataset的哈!
</view>
<br>
<submenu :content="submenu_4" />
</view>
</template>
<script>
import submenu from "../../components/submenu/index.vue"
export default {
components:{
submenu
},
data() {
return {
content: {
src: "www.baidu.com"
},
submenu_4: {
name: "name",
src: '/pages/personal/help/index',
img: '/static/assets/images/personal/help.png'
},
}
},
methods: {
submenu_route(e) {
console.log("顺利拿到dataset", e.currentTarget.dataset);
}
}
}
</script>
预期结果
顺利拿到dataset [object] {"src":"www.baidu.com"} at pages/index/index.vue:43
拿不到dataset,干着急!: [object] {"src":"/pages/personal/help/index","test":"hello"} at components/submenu/index.vue:17
实际结果
顺利拿到dataset [object] {"src":"www.baidu.com"} at pages/index/index.vue:43
拿不到dataset,干着急!: [object] {} at components/submenu/index.vue:17
系统信息:
- 发行平台: [如 微信小程序、H5平台、5+ App等] APP平台
- 操作系统 [如 iOS 12.1.2、Android 7.0] android 11
- HBuilderX版本 [如使用HBuilderX,则需提供 HBuilderX 版本号] HBuilder x v3.6.9 alpha
- uni-app版本 [如使用Vue-cli创建/运行项目,则提供
npm run info
的运行结果] - 设备信息 [如 iPhone8 Plus] vivo x60
补充信息
[可选]
可能是编译时增加了一道节点?
2条答案
按热度按时间xiozqbni1#
vue 几?
bweufnob2#
vue 几?
vue2