美文网首页
列表的插槽

列表的插槽

作者: 流泪手心_521 | 来源:发表于2020-09-08 10:45 被阅读0次

1.第一种方式

 <el-table-column prop="status" label="状态" width="100">
          <template slot-scope="{row}">
            <el-switch
                    v-model="row.status"
                    active-color="#824C96"
                    :active-value="1"
                    :inactive-value="0"
                    @change="updateStatus(row)">
            </el-switch>
          </template>
        </el-table-column>

2.第二种方式

 <el-table-column prop="status" label="状态" width="100">
          <template slot-scope="scope">
            <el-switch
                v-model="scope.row.status"
                active-color="#824C96"
                :active-value="1"
                :inactive-value="0"
                @change="updateStatus(scope.row)">
            </el-switch>
          </template>
        </el-table-column>

相关文章

  • 列表的插槽

    1.第一种方式 2.第二种方式

  • 2019-02-15 vue组件基础篇5

    作用域插槽续此例的用意主要是介绍作用域插槽的用法1.允许组件自定义应该如何渲染列表每一项。2.作用域插槽的使用场景...

  • vue - 作用域插槽

    作用域插槽:可从子组件获取数据的可复用的插槽作用域是子组件本身绑定的数据场景:典型代表性 - 列表组件 【chil...

  • vuetify 操作列按钮不显示

    列表中的按钮遍历后不显示,需要使用插槽的方式,并且定义表头的时候需要指定操作列的 value 值 要与插槽命名一直

  • Vue: slot实现动态列表

    使用插槽前需要掌握Vue自定义组件的基础,插槽应用于自定义模板中,用于构建子模版,最形象的例子就是 列表标题(父模...

  • vue中slot插槽的使用

    插槽的种类:1、默认插槽、具名插槽、作用域插槽、解构插槽、动态插槽几种。转原文:https://www.jians...

  • vue----slot插槽

    插槽分类 匿名插槽 具名插槽 作用域插槽

  • vue3中的插槽

    插槽 默认插槽 具名插槽,v-slot可以简写为# 动态插槽 #[dynamicSlotName] 作用域插槽(...

  • 深入理解vue中的slot与slot-scope(自 2.6.0

    单个插槽 | 默认插槽 | 匿名插槽首先是单个插槽,单个插槽是vue的官方叫法,但是其实也可以叫它默认插槽,或者与...

  • 2.插槽

    匿名插槽 具名插槽 作用域插槽

网友评论

      本文标题:列表的插槽

      本文链接:https://www.haomeiwen.com/subject/zusdektx.html