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
        
      
                    
                  
                    
