vue.js - vue怎么获取select选中的option

问题描述

问 题

【】需要获取的是option的值，还有option的innerHtml
如<option value="0" selected>全部</option>
需要获取全部二字
【】更进一步需求，如何获取整个option的DOM对象，类似于通过JQ获取一个DOM对象。任意获取其值，包括attr,css等
【】另外，刚刚了解到，可以通过v-el来绑定并获取dom元素。但是这是静态的，需要在html中绑定，有没有动态的方法只获取选中的option

解决方案

请参考vue.js官网-
建议所有option的innerHtml都使用vue渲染:

<option value="0" selected>{{innerHtmlForOption}}</option>

此外vue框架是用来隔离DOM操作的, 如果还是需要DOM操作的话 建议使用纯jQuery来写.

这篇关于vue.js - vue怎么获取select选中的option的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！