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

https://segmentfault.com/q/1010000018712853

// 不生效的插槽是这样的

<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>

这个其实换一种写法也可以实现。template 里面的属性改为 #default=“scope”。 重点:【template外围标签el-table-column 加上 key="slot"属性】 。就可以了。
在这里插入图片描述

Logo

鸿蒙生态一站式服务平台。

更多推荐