如何解决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 举报,一经查实,本站将立刻删除。