vuesax实现下拉菜单select选择效果代码-html代码-BFW代码库

vuesax实现下拉菜单select选择效果代码

代码语言：html

代码描述：vuesax实现下拉菜单select选择效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/vuesax.2.0.25.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vuesax.2.0.25.js"></script>
<style>
#app {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 80%;
  margin-left:10%;
  padding-top:30px;
  
}
</style>

  
  
</head>

<body>
  <div id="app">
<vs-select
  class="vs-w-4"
  label="Peliculas"
  v-model="select1"
  :options="options1"
      ></vs-select>

<vs-select
  @change="cambio"
  class="vs-w-4"
  label="Figuras"
  v-model="select2"
  :options="options3"
      ></vs-select>

<vs-select
  disabled="true"
  class="vs-w-4"
  label="Colores"
  v-m.........完整代码请登录后点击上方下载按钮下载查看