帅哥前端的踩坑日记(一)

如何在Element ui table中使用插入 自己需要的HTML

              <el-table-column label="状态" >
                  <template slot-scope="scope">
                    <projectPopup v-show="perUsersFlag">
                      <div slot="pop-name">角色内账号</div>
                      <div slot="in-popup-content">
                        <div class="role-name">
                          <sapn>角色:</sapn>
                          <span>{{rerRoleLists.name}}</span>
                          <span> 新建账号 </span>
                        </div>

                        <div class="role-peruser-table">
                          <projectTable
                            :data="perUsers"
                          >
                            <el-table-column label="账号" prop="account"></el-table-column>
                            <el-table-column label="姓名" prop="nickName"></el-table-column>
                            <el-table-column label="操作" >
                              <template>
                                  <span>
                                  <i class="fa fa-chain-broken" aria-hidden="true"></i>
                                </span>
                              </template>
                            </el-table-column>

                          </projectTable>
                        </div>
                      </div>
                    </projectPopup>
                    <span class="role-type-true" v-show="rerRoleLists.type">正常</span>
                    <span class="role-type-false" v-show="!rerRoleLists.type">停用</span>
                  </template>

                </el-table-column>

在 `el-table-column` 中加一个 template 包裹需要添加的内容  并且template 中可添加 `slot-scope="scope` 属性