element UI el-table 表格的 slot-scope="scope"插槽不生效

Question

问题描述

Element-ui的表格内 插槽不生效

// 不生效的插槽是这样的
<el-table-column align="center" prop="position" width="270" label="位置">
            <template slot-scope="scope">
              <div class="change-position">
                1111111
                <el-input
                  style="text-align:center"
                  v-if="scope.row.positionEdit"
                  v-model="scope.row.position"
                ></el-input>
                <span v-else>{{scope.row.position}}</span>
              </div>
            </template>
          </el-table-column>

诡异的是下面几列的插槽依然能用，而上一列的插槽用不了
我试过将列的位置互换，比如第三列能用第四列用不了，换了之后本来不能用起来第四列能用了，换过去的第三列缺用不了

控制台显示的是：

发现一些细节：

然我把prop里的字段删了之后保存，数据重新渲染，插槽就起作用了

但是f5刷新之后呢 就是一片空白了

后来我把 template里的 slot-scope="scope" 属性删掉 插槽也起作用
但是就不能拿数据或者定位索引了

渲染出来是

问题就是这么个问题，插槽用不了，而且是固定列的插槽用不了，我猜应该是某个依赖包影响了但是目前还找不到位置
玄学代码。 望大神帮助

Answer 1

可以试试二次封装的table组件：https://github.com/liub1934/l...
文档示例：https://github.liub37.com/lb-...
写法更简洁明了。

Answer 2

我也遇到这个问题，将slot-scope="scope"写在内容里面

Answer 3

我也遇到这个问题，百度了很久很久，终于找到了问题。 这个文档也没有写出，这个其实换一种写法也可以实现。template 里面的属性改为 #default="scope"。 重点：【template外围标签el-table-column 加上 key="slot"属性】 。就可以了。

Answer 4

题主，我也遇到这个问题，但是我改成v-show也没用，刷新后还是没有文字显示

Answer 5

请问解决了么? 我也出现这种情况