inputValue null ，但该值存在

问题描述

我正在使用 Nuxt(Vue) 和 Element 进行一个项目；当我捕获“Cascader 元素”的“inputValue”时，我得到空值，但如果我通过控制台显示 Cascader 元素属性，则 inputValue 确实有价值

级联：

<el-cascader
ref="cascaderCuentaCosto"
v-model="lineaMaterial.cuentaCosto"
placeholder="Seleccione la cuenta de costo"
:options="listaCuentasCosto"
:show-all-levels="false"
@change="getLabelCuentaCosto">
</el-cascader>

获取值的函数

getLabelCuentaCosto() {
    console.log("this.$refs['cascaderCuentaCosto']: ",this.$refs['cascaderCuentaCosto'])
    console.log("this.$refs['cascaderCuentaCosto'].inputValue: ",this.$refs['cascaderCuentaCosto'].inputValue
}

第一个console.log有包括inputValue在内的很多属性，他的值（在这个例子中）是“二楼”。但是当在第二个console.log中获取inputValue时，有一个空值。

有人可以帮我吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript nuxt.js