背景
最近在使用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
但是问题出在了uniapp
的easycom
上。
在我们默认开启easycom
时,是完全不需要使用import引入和components注册的方式来使用组件,这样使用反而会出现一些问题,具体原因还未深究,easycom
开启时完全不需要import和components来注册即可正常使用。文章来源:https://www.toymoban.com/news/detail-541373.html
解决
关闭easycom
或者不适用import 和 components即可正常使用文章来源地址https://www.toymoban.com/news/detail-541373.html
到了这里,关于Uniapp使用自定义组件,props传值为undefined的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!