Vue:ElementUI常用组件

简介: Vue:ElementUI常用组件

时间范围选择

<template>
  <el-date-picker v-model="value"
        type="daterange"
        @change="handleDateChange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        value-format="yyyy-MM-dd">
      </el-date-picker>
</template>
<script>
export default {
  data() {
    return {
      value: null,
    };
  },
  methods: {
    handleDateChange(val) {
      console.log(val);
      // ["2020-12-04", "2021-01-05"]
      this.$emit("date-change", val)
    },
  },
}
</script>
相关文章
|
资源调度 JavaScript API
使用vue-demi来开发一个vue2和vue3组件
写这个包的主要目的是为了使用vue-demi来写vue2和vue3的公用组件。简单说一下自己的开发感受吧。不没有想象中的那么顺利(可能是自己没有理解到位); 使用vue-demi 里面目前来说只能vue2和vue3选择一种来进行测试,如果你想在同一个项目中对vue2和vue3来切换测试,我没有做到,会有些问题。
|
5月前
|
Web App开发 人工智能 JavaScript
开发时遇到的问题以及一些实用小技巧(vue)
开发时遇到的问题以及一些实用小技巧
|
JavaScript
Vue3项目中使用富文本编辑器
Vue3项目中使用富文本编辑器
467 0
|
JavaScript 前端开发
|
JavaScript
vue结合elementUI进行快速开发
vue结合elementUI进行快速开发
64 0
|
资源调度 JavaScript CDN
Vue I18n 在 Vuetify 项目中使用
Vue I18n 是 Vue.js 的国际化插件。vue-i18n 在 vue 单页面中使用index.html 可以直接在浏览中运行。
384 0
Vue I18n 在 Vuetify 项目中使用
|
JavaScript Windows
Vue学习之Vue结合 ElementUI 组件库搭建Web工程项目
打开cmd命令行界面,创建一个全新的vue项目,我们命名为hello-vue,这里附上ElementUI网址如下:ElementUI
100 0
|
API UED 前端开发
|
Web App开发 JavaScript 前端开发
开发一个 React 和 Vue 都能用的组件?基于 Lit 和 Tailwind
开发一个 React 和 Vue 都能用的组件?基于 Lit 和 Tailwind
622 0

热门文章

最新文章

相关实验场景

更多