zoukankan      html  css  js  c++  java
  • Vue + Element 表格循环渲染

     <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 将子组件的值渲染传递给父组件

  • 相关阅读:
    实现自动进行金额汇总
    实现模糊查询
    手电筒查询
    lov的建立
    日历 的建立
    快速创建Folder
    TAB页制作
    堆叠画布
    弹性域的开发
    注销记录的实现
  • 原文地址:https://www.cnblogs.com/wangshishuai/p/11465156.html
Copyright © 2011-2022 走看看