前端那些事20240123-前端那些事-avue左侧增加按钮

前端歌谣

于 2024-03-06 14:19:24 发布

阅读量353

点赞数 6

文章标签：前端状态模式

本文链接：https://blog.csdn.net/qq_41632427/article/details/135763356

版权

2024-vue2vue3-前端那些事专栏收录该内容

312 篇文章 1 订阅

订阅专栏

本文介绍了在使用Vue框架构建的CRUD应用中，如何通过模板slot功能实现菜单左侧的动态状态筛选，利用el-radio-group组件配合v-model绑定用户选择，以提供灵活的数据过滤选项。

摘要由CSDN通过智能技术生成

 <avue-crud
     xxxxxx
    >
      <template slot="menuLeft">
        <el-radio-group
          v-model="searchQuery.status"
          size="mini"
          @input="handleChange"
        >
          <el-radio-button
            :label="item.value"
            v-for="item in optionListStatus"
            :key="item.value"
            >{{ item.label }}</el-radio-button
          >
        </el-radio-group>
     
    </avue-crud>