Vue+ElementUI实现从后台动态填充下拉框

最新推荐文章于 2024-07-23 20:31:08 发布

，。 �

最新推荐文章于 2024-07-23 20:31:08 发布

阅读量7.4k

点赞数 5

分类专栏： vue相关文章标签： vue java javascript

本文链接：https://blog.csdn.net/WZW_53253/article/details/108842603

版权

本文介绍了如何使用Vue和ElementUI从后台动态填充下拉菜单。首先，在Vue组件中编写ElementUI的下拉框标签，然后声明与循环绑定的变量。接着，定义初始化数据的函数，并在vue的created钩子中调用该函数。在后台，主要涉及controller层的代码实现，通过API接口获取数据并在界面加载时填充下拉选项。

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

1、首先编写前端代码，将elementUI中的标签写到.vue界面中。

 <el-select
      v-model="xxxQuery.xxxid"
      placeholder="请在下拉框中选择名称"
      maxlength="255"
      :disabled="false"
      clearable>
            <el-option
              v-for="item in selectOptionsAll"
              :key="item.indexId"
              :label="item.indexName"
              :value="item.index