zoukankan      html  css  js  c++  java
  • 【vue】elementUI报错:_self.$scopedSlots.default is not a function


    Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。

    这样也不总是符合实际需求,所以 Vue 为你提供了一种方式来表达“这两个元素是完全独立的,不要复用它们”。只需添加一个具有唯一值的 key 属性即可。见详情

    错误代码

    <!-- 代码块1 -->
    <el-table-column label="授信申请状态" v-if="type">
      <template slot-scope="scope">{{ scope.row.data2 | format }}</template>
    </el-table-column>
    <!-- 代码块2 -->
    <el-table-column prop="data1" label="联系人手机" v-else></el-table-column>

    报错分析

    如果优先显示代码块1,然后改变type值,显示代码块2,这时Vue为了快速渲染页面,会优先拿代码1的代码渲染到代码块2的位置,但是代码块2并没有定义 slot-scope ,这时就会报标题错误。

    解决方案

    1. 给使用 v-if 和 v-else 的地方加上 key
    2. 将 v-if 和 v-else 换成 v-show
  • 相关阅读:
    Java中的引用
    JVM参数调优
    GCRoots
    JVM体系结构
    死锁编码及定位分析
    线程池(Java中有哪些方法获取多线程)
    Synchronized和Lock的区别
    阻塞队列BlockingQueue
    CountDownLatch/CyclicBarrier/Semaphore
    浅谈二分
  • 原文地址:https://www.cnblogs.com/zhangyezi/p/13396905.html
Copyright © 2011-2022 走看看