vue2组件库：下拉框

最新推荐文章于 2024-10-17 10:08:04 发布

吕海洋

最新推荐文章于 2024-10-17 10:08:04 发布

阅读量595

点赞数

分类专栏： vue 文章标签： vue2 el-select

本文链接：https://blog.csdn.net/wuchenlhy/article/details/132478081

版权

本文详细介绍了在Vue2中使用Element UI的el-select组件来实现下拉选择功能。内容涵盖了el-select的基本用法、属性配置、事件监听以及如何自定义下拉选项，旨在帮助开发者更好地理解和应用这一组件。

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- import Vue before Element -->
  <script src="https://unpkg.com/vue@2/dist/vue.js"></script>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
  <div id="app">
    <div style="height: 200px;">
      <p>下拉选择框1</p>
      <el-select v-model="selectValue"
                placeholder="请选择"
                value-key="id"
                style="width: 80