VUE 多级联动select菜单（易懂）

最新推荐文章于 2024-05-29 12:36:50 发布

jimsabc

最新推荐文章于 2024-05-29 12:36:50 发布

阅读量4.5k

点赞数 2

分类专栏：笔记文章标签： select 多级联动 vue 易懂初学

本文链接：https://blog.csdn.net/jimsabc/article/details/88378798

版权

直接上代码

<body>
<div id="checkbox">
<select v-model="selected"  @change='func()'>
  <option value='' disabled selected style='display:none;'>选择1</option>
  <option v-for="option in options" v-bind:value="option.value">
    {
  { option.text }}
  </option>
</select>
<select name="" id="">
  <option value='' disabled selected style='display:none;'>选择2</option>
  <option v-for="option in options2" v-bind:value="option.text">
  {
  { option.text }}
  </option>
</select>
</div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
new Vue({
  el: '#checkbox',
  data: {
    selected: '',
    options: [//一级菜单
      { t