组件间使用插槽

来源：互联网发布：杜特门窗软件编辑：程序博客网时间：2024/05/22 20:09

 <template slot-scope="scope">    <div>{{ scope.row.zukeName }}/{{ scope.row.zukePhone }}</div>    <div>{{ scope.row.rentStartTime}}-{{scope.row.rentEndTime}}</div>  </template></el-table-column><el-table-column prop="money" min-width="100" label="押金/租金/付款方式">  <template slot-scope="scope" style="margin-left: -1px">    <div>{{scope.row.deposit}}/{{scope.row.deposit}}      <el-button type="text" size="small">        <el-dropdown @command="queryRentInformationFn">          <span class="el-dropdown-link">             <i class="el-icon-view"></i>          </span>

1.列表项在table表格里可以插入模板模板里可以插入插槽 slot-cope可以放多个作用域可以有多个属性直接使用{{scope.row.属性名}}就可以显示多个

2 命名属性的名字的时候要以后台的接口文档的参数为准要不然后期还要修改加大工作量

3element字体小图标在使用的时候为了能显示要放在div 或者span里用才能显示

阅读全文

0 0