uni-app APP平台,在组件里,view的事件里获取的dataset为{}

w6lpcovy  于 4个月前  发布在  uni-app
关注(0)|答案(2)|浏览(107)

问题描述
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

补充信息
[可选]
可能是编译时增加了一道节点?

相关问题