47.多级下拉选功能

最新推荐文章于 2024-11-11 11:56:38 发布

原创

最新推荐文章于 2024-11-11 11:56:38 发布

· 424 阅读

0 ·

版权

文章标签：

#vue.js #前端 #javascript

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<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=