时间戳

首页 > 解决方案 > inputValue null ，但值存在

javascript - 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 时，有一个空值。

有人可以帮我吗？

标签： javascriptvuejs2nuxt.jselement-ui

解决方案

推荐阅读