您的当前位置:首页正文

Uniapp使用自定义组件,props传值为undefined

2024-11-11 来源:个人技术集锦

背景

最近在使用uniapp和HXbuilder来开发微信小程序,却发现一个很奇怪的问题,我按照官方文档的写法来由父组件对子组件使用prop进行传值,但是子组件却一直收不到父组件传入的值。

代码

父组件代码如下:

<template>	
	<sub age="10"></blockchain>
</template>

<script>
	import sub from '../../components/sub/sub.vue'
	export default {
    	components: [sub]
    }
</script>  

在上面代码中我按照Vue写法,使用import引入,components进行注册。

子组件的props写法如下:

props: ['age']

问题

上述本来是毫无问题的,在查找资料后也有很多使用此方法使用子组件和props

但是问题出在了uniappeasycom上。

在我们默认开启easycom时,是完全不需要使用import引入和components注册的方式来使用组件,这样使用反而会出现一些问题,具体原因还未深究,easycom 开启时完全不需要import和components来注册即可正常使用。

解决

关闭easycom 或者不适用import 和 components即可正常使用

显示全文