在实时选择器上禁用自动换行并显示值格式Element-UI

Question

任何使用过Vuejs的ElementUI库的人。

我正在使用[a;b;c;; d,ee]组件，现在当我关注它时，会自动将输入设置为当前小时，但是我希望它保持空白，我曾尝试将其默认值设置为el-time-picker但这不起作用。

甚至还以为我有这个：

null

选择器下拉列表仅显示小时和分钟，但是一旦选择，输入显示小时：分钟：秒，这也会产生一个问题，如果我键入小时，我必须用秒键入它以使其正常工作，但是不想出现这种情况，只是显示hh：mm并能够键入它。

任何建议：？我试图将代码理解为试图覆盖该组件的权利。

编辑1

时间选择器代码很简单，我只具有带有几个选项的组件：

:picker-options="{
    format: 'HH:mm',
}"

Answer 1

row.from的初始（默认）值必须为空字符串，而不是null。 format选项仅适用于弹出选择器，不适用于编辑框。要实现所需的功能，您必须像在JSfiddle

中那样指定step选项

更新

JSfiddle已更新。

Answer 2

使用@focus 事件改变默认值：

https://jsfiddle.net/2q8ovLah/3/

 <el-time-picker placeholder = "HH:mm:ss"
                 value-format = "HH:mm:ss"
                 v-model = "time"
                 :editable = "false"
                 :picker-options = "{selectableRange: '00:00:01 - 23:59:59'}"
                 clearable
                 @focus = "focused">
  </el-time-picker>

---

data() {
  return {
    time: ''
  };
},
methods: {
  focused(){
    if(this.time === '') {
        this.time = '00:01:00'
    }
  }
}