vuejs 在选择菜单的 optgroup 中取标签并分配给数据模型

问题描述

如果选择了下面的项目，我可以提醒 optgroup 的标签。我想将该标签分配给数据模型中的文件夹选项。如您所见，我有 jquery 代码来提醒 optgroup 的标签，但我想在更改时在 vuejs 中执行此操作。

var app = new Vue({
      el: '#app',data: {
        selected: 'A',optionGroups: {
          Swedish Cars: [{
              text: 'One',value: 'A'
            },{
              text: 'Two',value: 'B'
            }
          ],German Cars: [{
            text: 'Three',value: 'C'
          }]
        }
      }
      folder:'',selectedImage: '',selectedImage2: '',selectedImage3: ''


    },})
    
    var selected = $('select option:selected');
  alert(selected.closest('optgroup').attr('label'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<select name="lstparameters">
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab" selected>Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）