vue日历组件的封装方法

本文实例为大家分享了vue日历组件的封装代码，供大家参考，具体内容如下

图示

封装的组件的代码如下

使用方法

main,js引入  全局注册组件

import Calendar from './components/fz_zujian/Calendar.vue'    //日历组件
Vue.component('Calendar',Calendar)

页面使用

{{str}}
 

 
 data() {
      return {
        str: '',
      }
  }
 
 showmodel(){
        this.$refs.chi1.showmask1()
      },
 
      getChild(val) {
        this.str = val
      },

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。