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>
相关文章
|
5月前
|
存储 JavaScript 前端开发
Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】
文章展示了在Vue项目中通过集成Quill富文本编辑器实现公告功能的完整开发过程,包括前端的公告发布、修改、删除操作以及后端的数据存储和处理逻辑。
Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】
|
5月前
|
JavaScript
在vue中引入elementui
这篇文章介绍了如何在Vue项目中引入Element UI库,包括使用npm安装Element UI、在main.js文件中引入并注册,以及如何调用Element UI的组件。
|
6月前
|
JavaScript
【vue】 vue2 中使用 Tinymce 富文本编辑器
【vue】 vue2 中使用 Tinymce 富文本编辑器
662 6
|
JavaScript
Vue3项目中使用富文本编辑器
Vue3项目中使用富文本编辑器
460 0
|
8月前
|
JavaScript 前端开发 安全
推荐几个 vue后台框架
推荐几个 vue后台框架
171 0
|
JavaScript
vue结合elementUI进行快速开发
vue结合elementUI进行快速开发
60 0
|
JavaScript 前端开发
fastadmin、vue、react图标库适用于多种框架
在二开fastadmin中,在写vue以及react时,侧边导航栏以及按钮中常常需要很多图标,那么这些图标应该去哪里得到呢,在这里给大家一个链接,这里有丰富的图标库,可以找到自己想要的进行使用。
203 0
fastadmin、vue、react图标库适用于多种框架
|
资源调度 JavaScript CDN
Vue I18n 在 Vuetify 项目中使用
Vue I18n 是 Vue.js 的国际化插件。vue-i18n 在 vue 单页面中使用index.html 可以直接在浏览中运行。
383 0
Vue I18n 在 Vuetify 项目中使用
|
JavaScript Windows
Vue学习之Vue结合 ElementUI 组件库搭建Web工程项目
打开cmd命令行界面,创建一个全新的vue项目,我们命名为hello-vue,这里附上ElementUI网址如下:ElementUI
98 0

相关实验场景

更多