antd-vue1.7版本中的select下拉框组件,是否可以通过获得该组件的dom结构后再获得vue对象后获取到该组件的value值
我司有个需求是这样的,在一个已有系统的基础上做一个引导系统,点击内容后进行下一步。
比如有一个引导是,1、点击创建按钮。2、选择下拉框某一个值。3、填写输入框。4、点击确定按钮
完成上一步的内容才可以进行下一步
由于不可以改动已有的页面结构和内容所以不可以给结构加ref或者id,必须要从外部监听一些表单的值是否已填。
我司用的是antd-vue1.7
我给需要监听的组件加了driID的值以获取dom结构
输入框之类的简单表单可以通过获得dom结构后获得__vue__后再获得value
但antdV的select下拉框组件使用这种方法的时候发现并没有value的值。
let id = current.id
//获得点击的dom
let div = document.querySelector('[driID="'+id+'"]')
//获得vue对象
let vueDom = div.__vue__
//获得vue对象中的value
let value = vueDom.value
console.log('value:'+value)
单选和文本框都可以获得value值,但下拉框不可以,下拉框获取得到了undefined
请问如何获得select下拉框组件的value值呢
既然都已经获取了原生dom,那直接用
innerText
不行吗?当然这个得看你dom的结构从innerText
能否获取;如果你的场景不允许更改页面结构和内容,那就用原生js