Vue的slot传参

最新推荐文章于 2024-05-13 10:31:43 发布

Wether or not

最新推荐文章于 2024-05-13 10:31:43 发布

阅读量1.4k

点赞数

分类专栏： vue slot 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Wehter/article/details/129301156

版权

vue 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

slot

1 篇文章 0 订阅

订阅专栏

父组件调用material-list组件

    <material-list v-if="dialogVisible3" :dialog-visible3="dialogVisible3" :prod-type="prodType" :params-obj="paramsObj" @fetchSelectList="fetchSelectList">
      <!-- 增加物料搜索条件 -->
      <template #queryParam="slotName">
      <el-col :xl="4" :lg="5" :md="6" :sm="18">
          <el-tag>{{ slotName.canshuName.status }}</el-tag>
      </el-col>
    </template>
        <el-form-item :label="$t('contract.ProductGroup')" prop="prodType">
          <el-input v-model="slotParams.param"></el-input>
        </el-form-item>
      </template> -->
    </material-list>



子组件


<el-col :span="6">
    <slot name="queryParam" :canshuName="queryParam" />
</el-col>
data(){
    return:{
        queryParam: {
            status: 456
        },
    }
}