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

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

组件props名字为 dataList

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

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

<template>  
  <view class="content">  
    <child-test :dataList="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>
<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>  

更多关于uni-app支付宝小程序中组件props不支持驼峰转连字符的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app支付宝小程序中组件props不支持驼峰转连字符的实战教程也可以访问 https://www.itying.com/category-93-b0.html


不可以使用 data-xxx

回到顶部