Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
535 views
in Technique[技术] by (71.8m points)

laydate 日期插件怎么在vue中引进

clipboard.png

这个是网上下载的laydate文件,放在了我的项目中的assets目录下
clipboard.png

这个是我的main.js下引进
但是使用后没有任何效果,在mouted中使用这个方法

laydate({
  elem: '#demo'
})

会提示我laydate未定义?
这个laydate插件在vue项目中怎么使用


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

将laydate下载的包放入static
index.html 引入

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script src="static/laydate.js"></script>
</body>

在组件中使用

<template>
    <div class="hello">
        {{date}}
        <input type="text" id="test" v-model="date">
    </div>
</template>
<script>
  /* eslint-disable */
  export default {
    name: 'hello',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App',
        titleActive: false,
        date: '2017-09-08 09:00:00'
      }
    },
    mounted: function () {
      console.log(laydate)
      laydate.render({
        elem: '#test',
        type:'datetime',
        done: (value) => {
          this.date = value
        }
      })
    }
</script>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...