• props default 数组(Array)/对象(Object)的默认值应当由一个工厂函数返回


    1.场景:

    Object:

    <!-- 步骤 -->
    <template>
      <div>
        <div class="m-cell">
          <p class="title">{{result.title}}</p>
          <p class="name">{{result.name}}</p>
        </div>
      </div>
    </template>
    
    <script>
      export default {
        props: {
          result: {
            type: Object,
            default(){
              return {"title":"同意","name":"李四"}
            }
          }
        }
      }
    </script>

    Array:

    <script>
      export default {
        props: {
          result: {
            type: Array,
            default(){
              return [
                {
                  "title":"同意",
                  "name":"张三"
                },
                {
                  "title":"同意",
                  "name":"李四"
                }
              ]
            }
          }
        }
      }
    </script>

    2.场景

    解决方案:

    使用 v-for 外层 div 就变成 根元素,因为 一个 template 的根元素不能为多个,需要在外层嵌套一层 div

    组件中引用:

  • 相关阅读:
    寒假学习10
    寒假学习9
    寒假学习8
    寒假学期7
    寒假学习6
    寒假学习5
    寒假学习4
    Notification通知栏的使用
    Service的使用
    BroadcastReceive的使用
  • 原文地址:https://www.cnblogs.com/crazycode2/p/7610726.html
Copyright © 2020-2023  润新知