如何在antd-vue 1.7中获取Select组件的value值而不使用ref?

新手上路,请多包涵

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值呢

阅读 987
1 个回答

既然都已经获取了原生dom,那直接用innerText不行吗?当然这个得看你dom的结构从innerText能否获取;
如果你的场景不允许更改页面结构和内容,那就用原生js

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏