vue关于饿了吗ui的作用域插槽

Question

xd们为什么elementui不需要作用域插槽，有的又需要呢，往子组件里面插入不是需要作用域插槽吗

<el-table-column prop="prop" label="属性值名称列表" width="width">
            <template slot-scope="{row,$index}">
              <el-tag :key="tag.id" v-for="(tag,index) in row.spuSaleAttrValueList" :disable-transitions="false" @close="row.spuSaleAttrValueList.splice(index,1)" closable>
                {{tag.saleAttrValueName}}
              </el-tag>
              <el-input class="input-new-tag" v-if="row.inputVisible" v-model="row.inputValue" ref="saveTagInput" size="small" @keyup.enter.native="handleInputConfirm(row)" @blur="handleInputConfirm(row)">
              </el-input>
              <el-button v-else class="button-new-tag" size="small" @click="addSaleAttrValue(row)">添加</el-button>
            </template>
          </el-table-column>


     <el-dialog :visible.sync="dialogVisible">
          <img width="100%" :src="dialogImageUrl" alt="">
        </el-dialog>

Answer 1

作用域插槽是一种特殊的插槽，它允许您将子组件的作用域传递到父组件中。当您需要将子组件的数据传递到父组件时，您可以使用作用域插槽。具体来说，作用域插槽使您可以在父组件中访问子组件的数据，从而允许您对其进行自定义渲染。

ElementUI 中的某些组件（例如 ）不需要作用域插槽，因为它们没有需要传递给父组件的特殊数据。对于需要作用域插槽的组件，您可以使用 标签和 slot-scope 属性来创建作用域插槽。

在你的代码示例中，你使用了作用域插槽来自定义渲染了 和 子组件。在 slot-scope 属性中，你使用了对象解构语法将 row 和 $index 从父组件传递到了子组件，以便可以在子组件中访问这些数据。