标签：... vue column VueComponent self LiuShuaiDong 语法 scope row

一、Element UI中的scope的用法

一个固定用法：<template slot-scope="scope">

scope相当于是tableData的一行，与el-table-column唯一对应，具体实验代码如下

<el-table-column
  label="操作"
  width="100">
  <template slot-scope="scope">
   <el-button @click="update(scope)" type="text" size="small">编辑</el-button>
   <el-button type="text" size="small" @click="del(scope.$index)">删除</el-button>
  </template>
<el-table-column>

scope内容如下：

{row:{...},column:{...},$index:0,store:TableStore,_self:VueComponent}
$index:0
column:{...}
row:{...}
store:TableStore{_ob_:Observer}
_self:VueComponent{_uid:486,_isVue:true,$options:{...},_renderProxy:Proxy,_self:VueComponent,...}
_proto_:Object

二、

标签：...,vue,column,VueComponent,self,LiuShuaiDong,语法,scope,row
来源： https://blog.csdn.net/YSZAYMT/article/details/119865702

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。