javascript - 在 Vue2 中获取动态 $refs 值

标签 javascript vue.js vuejs2

我正在开发一个 vue 应用程序。 我对接受数量的输入元素进行了动态 ref 绑定(bind) 像这样的 -

:ref="'qty' + index"

当我记录 this.$refs 时,我得到了所有的引用。 qty0、qty1、qty2 等等。

我的问题是,如何使用 ref 获取特定输入元素的值?

我不能对 this.$refs.qty0 进行硬编码,因为索引不断变化。

我试过了

let quantityRef = 'qty' + index;
console.log(index); // 0
console.log(quantityRef); // qty0
console.log(this.$refs.quantityRef); // undefined

提前致谢

最佳答案

直接使用字符串键,带括号:

this.$refs['qty' + index]

关于javascript - 在 Vue2 中获取动态 $refs 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48454317/

相关文章:

javascript - 更改img src attr问题

javascript - 在 Electron 中访问剪贴板

javascript - 在 Three.js 中模拟空气流经管道

webpack - [Vue 警告] : Failed to mount component: template or render function not defined. 错误

javascript - 在 vue 组件上设置 props 值

javascript - 如何避免检查对象中的对象是否存在于数据Vue.js中?

vue.js - 如何以编程方式在 bootstrap-vue 模态主体和页脚中注入(inject)内容?

javascript - Vue 方法不触发

javascript - RequireJS 插件( order.js )

javascript - 无法访问动态嵌套的 JSON 属性