47.多级下拉选功能

最新推荐文章于 2024-05-13 19:30:33 发布

越努力，越幸运..........

最新推荐文章于 2024-05-13 19:30:33 发布

阅读量377

点赞数

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

本文链接：https://blog.csdn.net/weixin_47254130/article/details/122925713

版权

本文介绍如何使用Vue.js框架创建一个功能完善的多级下拉选择组件。通过JavaScript和Vue的特性，实现动态加载子菜单，以及交互式的导航体验。

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

在这里插入图片描述

<template>
  <div>
    <el-form ref="form" :model="form" label-width="98px">
      <el-form-item label="活动名称" v-for="(item,index) in form.active_ids" :key='index'>
        <div style='display:flex'>
          <div>
            <el-select v-model="item.code" clearable filterable placeholder="请选择">
              <el-option v-for="item in options1" :key="item.code" :label="item.label" :value="item.code"
                :disabled="item.dis">
              </el-option>
            </el-select>
          </div>
          <div style="margin-left:10px">
            <el-button type="primary" @click=