2021-11-03 el-date-picker el-select获取输入框内显示的值

Posted 2023-03-09

参考技术A el-select的选项，一般是一组组对应的label：‘’, value: '', 需要的其实是value的值，但是有时候也获取所选中的value对应的label值，通常会用value去备选项中反向查找，这里有个更简单的方法：
通过设定ref获取当前dom，取当前dom的selectedLabel即可。
示例：

和el-select相同的问题，比如设定了 format = 'yyyy 第 WW 周' ，需要在页面上用到这种格式的值，而不是value-format定义的格式，如果是常规的年月日时分秒，我们可以自行根据根据需求格式化，但是 如果是'yyyy 第 WW 周'这种，可能就需要再另想办法了，这里有个简单的 ，获取displayValue即可。
示例：

数据结构

elementui el-date-picker 组件值回显

this.$set(this.formModel, "startYearMonth", `${this.formModel.startYear}-${this.formModel.startMonth}`)