冉娃娃
冉娃娃
  • 发布:2019-08-25 16:54
  • 更新:2020-03-24 20:53
  • 阅读:2113

【报Bug】uni-app支付宝小程序中组件props不支持驼峰转连字符

分类:uni-app

组件props名字为 dataList

引用组件时,只能使用 :dataList="xxx" 而不能使用 :data-list="xxx"

下面的代码,页面无法渲染数据.因为值传不过去.

index.vue

<template>  
  <view class="content">  
    <child-test :data-list="datas.list" />  
  </view>  
</template>  

<script>  
import childTest from './components/child_test.vue';  

export default {  
  data: () => ({  
    datas: {  
      list: [],  
    },  
  }),  
  components: {  
    childTest,  
  },  
  onShow() {  
    setTimeout(() => {  
      this.datas = {  
        list: [1, 2, 3, 4, 5],  
      };  
    }, 1000);  
  },  
};  
</script>

child_test.vue

<template>  
  <div  
    class="comp-container"  
    v-if="dataList.length"  
  >  
    this is child's content  
    <view  
      v-for="item in dataList"  
      :key="item"  
    > {{ item }}  
    </view>  
    <slot />  
  </div>  
</template>  
<script>  

export default {  
  props: {  
    dataList: {  
      type: Array,  
      default: () => ([]),  
    },  
  },  
};  
</script>  
2019-08-25 16:54 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

不可以使用 data-xxx

该问题目前已经被锁定, 无法添加新回复