元素 - 没有输入的 DatePicker

Question

我正在尝试在 Github 上显示 Element Datepicker component directly in my Vue page, without having to display and click on the input element for it to popup. I read their source code，对此没有支持，我不想在 node_modules 中的项目中修改它作为我知道这是不好的做法。

我试图将点击事件创建的 div 直接附加到我的 vue 中，但它不起作用，我无法设法跟踪和检索我的输入数据到我的 Vuejs 状态。

这是由 Datepicker 输入点击事件创建的 div 的屏幕截图：

如果有人知道如何实现这一点，那就太棒了。

Answer 1

您可以使用 ref 调用选择器组件上的函数

<el-date-picker
      ref="test"
      v-model="value1"
      type="date"
      placeholder="Pick a day">
</el-date-picker>

JS

mounted() {
  this.$refs.test.showPicker()
},

还在codepen上添加了一个例子：https://codepen.io/reijnemans/pen/ExmvGLa

元素 - 没有输入的 DatePicker

Element - DatePicker without input

javascript

vue.js

datepicker

element

element-ui