VueJs + Element

话不多说,直接贴错:

_self.$scopedSlots.default is not a function

<el-table stripe border ref="tableData" max-height="500" v-loading="loading" v-bind:data="tableData" @row-dblclick="doubbleClick" row-key="new_srv_partsapplylineId" key="lines">
<el-table-column type="selection" width="50" :selectable="isSelectedTable">
</el-table-column>
<el-table-column key="exchange" prop="exchange" :label="$t('attach.list_operate')">
  <template slot-scope="scope">
    <el-button type="text" @click="gotoChangePartPage(scope.row)">{{$t('partsApply.line_btn_changeparts')}}</el-button>
  </template>
</el-table-column>
<el-table-column key="new_partsid" prop="new_partsid.name" :label="$t('partsApply.line_filed_new_partsid')">
<template slot-scope="scope">
  <el-button type="text" @click="gotoEditLinePage(scope.row)">{{scope.row.new_partsid.name}}</el-button>
  </template>
</el-table-column>
<el-table-column key="new_applyqty" prop="new_applyqty" :label="$t('partsApply.line_filed_new_applyqty')">
</el-table-column>
<el-table-column key="new_approvedqty" prop="new_approvedqty" :label="$t('partsApply.line_filed_new_approvedqty')" v-if="this.type == 2 || this.type == 3" width="100">
  <template slot-scope="scope">
    <el-input type="number" :id="scope.row.new_srv_partsapplylineId+'approve'" v-model="scope.row.new_approvedqty" :disabled="!isBtnAcceptEnable" min="0" @blur="qtyBlur(scope.row)"></el-input>
  </template>
</el-table-column>
<el-table-column key="new_confirmqty" prop="new_confirmqty" :label="this.type === 2 ? $t('partsApply.line_filed_new_assignqty') : $t('partsApply.line_filed_new_confirmqty')" width="100">
<template slot-scope="scope">
  <el-input type="number" :id="scope.row.new_srv_partsapplylineId+'confirm'" v-model="scope.row.new_confirmqty" :disabled="!isBtnAcceptEnable" min="0" @blur="qtyBlur(scope.row)"></el-input>
</template>
</el-table-column>
<el-table-column key="new_amount" prop="new_amount" :label="$t('partsApply.line_filed_new_amount')" v-if="this.type == 2 || this.type == 3">
</el-table-column>
<el-table-column key="new_iscontrolname" prop="new_iscontrolname" :label="$t('partsApply.line_filed_new_iscontrolname')" v-if="this.type == 1 || this.type == 3">
</el-table-column>
<el-table-column key="new_agentqty" prop="new_agentqty" :label="$t('partsApply.line_filed_new_agentqty')" v-if="this.type==2 || (this.type==3&&this.applyto==1">
</el-table-column>
<el-table-column key="new_servicecompanyqty" prop="new_servicecompanyqty" :label="$t('partsPurchaseOrSale.line_filed_new_servicecompanyqty')" v-if="this.type==3&&this.applyto==2">
</el-table-column>
</el-table>

解决方法:

第一次,给<el-table>加上属性 key 失败

第二次,给<el-inpurt>加上属性 name 失败,加上 key 失败

第三次,给<el-table-column>加上属性 key 成功

VueJS坎坷之路111---_self.$scopedSlots.default is not a function的更多相关文章

  1. el-table-column v-if条件渲染报错h.$scopedSlots.default is not a function

    我们在实际项目中经常会遇到el-table-column条件渲染出现报错的情况 报错内容: h.$scopedSlots.default is not a function 究其原因,是因为表格是el ...

  2. VueJS坎坷之路222--vue cli 3.0引入静态文件

    前两天准备搭建一个vue小项目,当引入jquery脚本的时候一直找不到引入的文件: 在网上搜了好多vue添加静态文件的方法,发现大多数方法都是创建一个与文件夹src同等级的文件夹static存放引入的 ...

  3. _self.$scopedSlots.default is not a function报错

    问题: 当同一页面有elementUI的多个table表格时,如果用到v-if来动态展示表格,切换时出现如下报错: 原因: 是因为表格是element-ui通过循环产生的,而vue在dom重新渲染时有 ...

  4. vue element传的值报_self.$scopedSlots.default is not a function

    问题描述:使用表格时做了v-if判断:首次渲染没有问题:反复操作便会报错: 解决办法:el-table上给v-if的 el-table-colunm 加上:key="Math.random( ...

  5. 使用包时,报 xxx.default is not a function

     最近做了一个导出功能,代码如下 import request from 'request-promise-native'; export default class Form { // 导出 @po ...

  6. React报错之Unexpected default export of anonymous function

    正文从这开始~ 总览 当我们尝试使用默认导出来导出一个匿名函数时,会导致"Unexpected default export of anonymous function"警告.为了 ...

  7. python运维开发坎坷之路-01

    前言 2014年9月,新疆乌鲁木齐,在51CTO学院看着alex老师的python教学视频,不得不说这是我第一次接触python这门高级语言,从最开始的一无所知到现在能够用python写脚本,再到未来 ...

  8. 升级JDK8的坎坷之路

    为更好的适应JAVA技术的发展,使用更先进及前沿的技术.所以推出将我们现在使用的JDK1.6(1.7)及tomcat6(7)升级至JDK1.8及tomcat8,使我们的系统获得更好的性能,更好适应未来 ...

  9. 关于CefSharp的坎坷之路

    项目背景: 公司的XX产品需要升级和以后支持多平台的使用.因为之前项目是由WPF实现的.目前以后想作为Html5来展示页面. 因为涉及到整体更改遇到的问题较多以及其他原因,所以只是内部内容区域先替换为 ...

随机推荐

  1. MySQL 5.7 Performance Schema 详解

    refman mysql 5.7 MySQL Performance Schema  用于监视MySQL服务器,且运行时消耗很少的性能.Performance Schema 收集数据库服务器性能参数, ...

  2. P1291-添加括号(区间dp)

    题目背景 给定一个正整数序列a(1),a(2),...,a(n),(1<=n<=20) 不改变序列中每个元素在序列中的位置,把它们相加,并用括号记每次加法所得的和,称为中间和. 例如: 给 ...

  3. Spring Cloud Hystrix理解与实践(一):搭建简单监控集群

    前言 在分布式架构中,所谓的断路器模式是指当某个服务发生故障之后,通过断路器的故障监控,向调用方返回一个错误响应,这样就不会使得线程因调用故障服务被长时间占用不释放,避免故障的继续蔓延.Spring ...

  4. mybatis 日期比较

    entity @JSONField(name="prj_date",ordinal=13,format="yyyy-MM-dd") private Date p ...

  5. Linux (Windows Linux子系统)

    Linux (Windows Linux子系统) 如果想体验Linux环境下开发和运行.NET Core应用,我们有多种选择.一种就是在一台物理机上安装原生的Linux,我们可以根据自身的喜好选择某种 ...

  6. B. Batch Sort

    http://codeforces.com/contest/724/problem/B 被坑了,一开始以为如果有一行已经是排好序了,然后有一行需要转换的次数 >= 2的话,那就直接no了. 因为 ...

  7. wepy开发踩坑记录

    与vue的不同 methods对象只存放tap等事件触发时的方法 events对象只存放$emit及$broadcast方法触发的事件 自定义方法及属性放在与methods平级的位置 props是动态 ...

  8. 一般处理程序aspx

    public bool IsReusable { get { return false; } }属性,将该属性的值改为true,为什么不起作用?按照MSDN的解释,该属性的意思是: “获取一个值,该值 ...

  9. Springboot优点总结

    谈到 Spring Boot,就让我们先来了解它的优点 . 依据官方的文档, Spring Boot 的优点如下: --创建独立的 Spring 应用程序 : --嵌入的 Tomcat . Jetty ...

  10. ES6 Interator

    Interator "集合"数据的结构主要有 Array .Object. Set and Map ,任何数据结构只要部署 Iterator 接口,就可完成遍历操作 遍历过程: 创 ...