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. iphone6 iphone6 plus 放大显示模式高分辨率模式问题

    分为兼容模式和高分辨率模式. 兼容模式 当你的 app 没有提供 3x 的 LaunchImage 时,系统默认进入兼容模式,大屏幕一切按照 320 宽度渲染,屏幕宽度返回 320:然后等比例拉伸到大 ...

  2. angularJs 指令调用父controller某个方法

    1.父级controller:例如有个 init() 方法; 父级与子级的通信数据是$scope.controlFlag={}; 那么可以在父级controller里这样写:$scope.contro ...

  3. eclipse 通过svn导入maven工程

    http://blog.csdn.net/zdnlp/article/details/7238194

  4. JS高级学习历程-11

    [继承] 在php,一个类去继承另一个类,本类实例化出来的对象,既可以调用本身类的成员,也可以调用父类的成员. 在javascript继承主要通过原型实现,构造函数继承一个对象,构造函数的实例会拥有被 ...

  5. 10.使用子查询 ---SQL

    利用子查询进行过滤 普通查询: SELECT order_num FROM OrderItems WHERE prod_id = 'RGAN01'; 输出▼ order_num ----------- ...

  6. BZOJ 1047: [HAOI2007]理想的正方形 单调队列瞎搞

    题意很简明吧? 枚举的矩形下边界和右端点即右下角,来确定矩形位置: 每一个纵列开一个单调队列,记录从 i-n+1 行到 i 行每列的最大值和最小值,矩形下边界向下推移的时候维护一下: 然后在记录的每一 ...

  7. PHP函数生成随机数

    通常情况下,当我们要生成一个随机字符串时,总是先创建一个字符池,然后用一个循环和mt_rand()或rand()生成php随机数,从字符池中随机选取字符,最后拼凑出需要的长度,代码如下: <?p ...

  8. Spring连接数据库

    public class Book { private int bookid; private String bookname; private String bookauthor; private ...

  9. NPOI读写Excel【转载】

    参考示例:https://www.cnblogs.com/luxiaoxun/p/3374992.html 感谢! 1.整个Excel表格叫做工作表:WorkBook(工作薄),包含的叫页(工作表): ...

  10. JAVA基础之基本类型包装类、System类、Math类、Arrays类及大数据运算

    个人理解: 为了方便运算及调用一些方法,我们需要将基本类型的数值转换为对象:不过转换的时候需要特别注意好它们的类型到底是什么,需要调用方法的类名是哪个!特别注意是Byte常量池的相关问题(==):gc ...