Vue + Element 表格循环渲染

深碍√TFBOYSˉ_ 2023-10-11 10:42 7阅读 0赞

![1480359-20190905121848382-1797072336.png][]

<el-table-column label="查看职位" width="250">
                    <slot slot-scope="scope">
                       <el-link style="padding:0 5px"  v-for="(v,index) in scope.row.job_ids" v-if='scope.row.job_ids !=""'   type="primary" >职位{
        {index}}</el-link>     
                    </slot>
              </el-table-column>
              <el-table-column prop="route_path" label="查看门店" width="250">
                             <slot slot-scope="scope">
                       <el-link style="padding:0 5px"  v-for="(v,index) in scope.row.job_ids" v-if='scope.row.job_ids !=""'   type="primary" >职位{
         {index}}</el-link>     
                    </slot>
              </el-table-column>

主要是 运用 slot标签 + 作用域插槽 slot-scope + v-for 将子组件的值渲染传递给父组件

转载于:https://www.cnblogs.com/wangshishuai/p/11465156.html

[1480359-20190905121848382-1797072336.png]: https://img2018.cnblogs.com/blog/1480359/201909/1480359-20190905121848382-1797072336.png

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue + Element 表格循环渲染

![1480359-20190905121848382-1797072336.png][] <el-table-column label="查看职位

深碍√TFBOYSˉ_/ 2023年10月11日 10:42/ 0 赞/ 8 阅读

相关循环表格 for循环表格动态渲染

这样比较省代码量组件1 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

系统管理员/ 2023年01月09日 12:58/ 0 赞/ 169 阅读

相关 vue2.0 + element-ui 实战项目-渲染表格（四）

自从用饿了么框架重构项目以来，遇到很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网

╰+哭是因爲堅強的太久メ/ 2022年12月20日 01:27/ 0 赞/ 100 阅读

相关 VUE Element 动态表格

合并单元格，注意被抹去的单元格，需： return \{ rowspan: 0, colspan: 0\}; <!DOCTYPE html> <html la

深藏阁楼爱情的钟/ 2022年11月29日 11:51/ 0 赞/ 176 阅读

相关 vue2.0 + element-ui -渲染表格的功能demo

对于一个新手来说，学习一个框架最重要的事情就是记录一下过程，下次再回顾的时候就很容易记住步骤了，不记得也可以直接翻出来自己之前写过的教程，几次之后也就顺手很多了，学习这个循序渐

叁歲伎倆/ 2022年11月22日 03:06/ 0 赞/ 46 阅读

相关 vue-element-admin表格json数据渲染，异常数据一行显示红色

推荐指数： Github 地址：[https://github.com/PanJiaChen/vue-element-admin][https_github.com_Pan

绝地灬酷狼/ 2022年09月05日 04:09/ 0 赞/ 41 阅读

相关 vue-element-admin表格json数据渲染，异常数据一行显示红色

推荐指数： Github 地址：[https://github.com/PanJiaChen/vue-element-admin][https_github.com_Pan

﹏ヽ暗。殇╰゛Y/ 2022年09月02日 00:51/ 0 赞/ 87 阅读

相关渲染表格

开发工具与关键技术：vsX 和 jquery 作者：戴怡斌撰写时间：2019.4.16 下面就来看一个渲染表格的案列，表格相信大

╰半夏微凉°/ 2022年04月24日 06:02/ 0 赞/ 274 阅读

相关 vue+element表格列格式化

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMy

我不是女神ヾ/ 2022年04月16日 02:17/ 0 赞/ 218 阅读

相关渲染表格

渲染表格下面我们要做的是查询数据、渲染表格。（开发工具：Visual Studio 2015） ![在这里插入图片描述][watermark_type_ZmFuZ3

冷不防/ 2022年02月04日 11:57/ 0 赞/ 308 阅读