首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >vue.js 怎么使用插件?

vue.js 怎么使用插件?

提问于 2017-11-20 02:50:30
回答 2关注 0查看 1K

layDate插件官方js引入:

代码语言:txt
AI代码解释
复制
<!DOCTYPE html>
代码语言:txt
AI代码解释
复制
<html>
代码语言:txt
AI代码解释
复制
<head>
代码语言:txt
AI代码解释
复制
<meta charset="utf-8">
代码语言:txt
AI代码解释
复制
<title>使用 layDate 独立版</title>
代码语言:txt
AI代码解释
复制
</head>
代码语言:txt
AI代码解释
复制
<body>
代码语言:txt
AI代码解释
复制
<input type="text" id="test1">
代码语言:txt
AI代码解释
复制
<script src="/laydate/laydate.js"></script> <!-- 改成你的路径 -->
代码语言:txt
AI代码解释
复制
<script>
代码语言:txt
AI代码解释
复制
//执行一个laydate实例
代码语言:txt
AI代码解释
复制
laydate.render({
代码语言:txt
AI代码解释
复制
elem: '#test1' //指定元素
代码语言:txt
AI代码解释
复制
});
代码语言:txt
AI代码解释
复制
</script>
代码语言:txt
AI代码解释
复制
</body>
代码语言:txt
AI代码解释
复制
</html>

vue里该怎么调用呢

回答 2

企鹅号小编

发布于 2017-11-20 02:52:38

代码语言:txt
AI代码解释
复制
<input type="text" id="test1" @click="fun()">
代码语言:txt
复制
代码语言:txt
AI代码解释
复制
new Vue({
代码语言:txt
AI代码解释
复制
    ele: "#app",
代码语言:txt
AI代码解释
复制
    methods: {
代码语言:txt
AI代码解释
复制
        fun: function(){
代码语言:txt
AI代码解释
复制
            laydate.render({
代码语言:txt
AI代码解释
复制
                elem: '#test1' //指定元素
代码语言:txt
AI代码解释
复制
            });
代码语言:txt
AI代码解释
复制
        }
代码语言:txt
AI代码解释
复制
    }
代码语言:txt
AI代码解释
复制
})

习惯痛苦

发布于 2017-11-20 02:52:10

试试这个:

代码语言:txt
复制
代码语言:txt
AI代码解释
复制
<div id=app>
代码语言:txt
AI代码解释
复制
    <input type="text" id="test1">
代码语言:txt
AI代码解释
复制
</div>
代码语言:txt
AI代码解释
复制
<input type="text" id="test1">
代码语言:txt
复制
代码语言:txt
AI代码解释
复制
new Vue({
代码语言:txt
AI代码解释
复制
    ele: "#app",
代码语言:txt
AI代码解释
复制
    created: function(){
代码语言:txt
AI代码解释
复制
         laydate.render({
代码语言:txt
AI代码解释
复制
            elem: '#test1' //指定元素
代码语言:txt
AI代码解释
复制
        });
代码语言:txt
AI代码解释
复制
    }
代码语言:txt
AI代码解释
复制
})
和开发者交流更多问题细节吧,去 写回答
相关文章
Vue.js 插件开发详解
随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。比如官方推荐的 vue-router、vuex 等,都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件,来了解掌握插件的开发和使用。
IMWeb前端团队
2019/12/04
4.3K0
Vue.js 插件开发详解
IMWeb前端团队
2018/01/08
5.8K0
vscode下配置vue.js的插件
9、Path Intellisense:路径自动感知,在配置文件中配置@后我们就可以很方便快捷的引用各种文件了
西西嘛呦
2020/08/26
3.5K0
vue.js 初体验:Chrome 插件开发实录
背景 对于经常和动画开发打交道的开发者对于Animate.css这个动画库不会陌生,它把一些常见的动画效果都封装起来了,非常实用。但是有时候在开发中,仅仅只是需要某一两个动画效果,把整个CSS文件都引
陈纬杰
2017/05/03
10.2K0
vue.js 初体验:Chrome 插件开发实录
lombok idea插件_idea怎么导入插件
白天试试下eclipse,确实可以节省不少冗余代码,Lombok底层通过asm原理实现的,具体源码还没研究。
全栈程序员站长
2022/10/04
1.5K0
lombok idea插件_idea怎么导入插件
webpack插件怎么手写
webpack插件没什么好说的,用过的都知道怎么配置,只是不知道内部怎么执行。今天学一学插件的一些机制,手写一个插件并不难。
wade
2020/09/14
9430
webpack插件怎么手写
一款用于 Vue.js 的无限滚动插件
Web 项目经常会用到下拉滚动加载数据的功能,今天就来种草一款 Vue-infinite-loading 插件,讲解一下使用方法!(文末附链接)
一个正经的程序员
2023/09/13
5270
一款用于 Vue.js 的无限滚动插件
腾讯工程师们怎么玩 Vue.js?
本文介绍了腾讯工程师们玩转 Vue.js 的实战经验,包括企鹅社区移动版、腾讯新闻、微信等项目中的实践。此外,作者还分享了 Vue.js 的动画使用、Vue.js 2.0 源码解析以及同构方案等进阶内容。
腾讯云开发者社区
2017/05/12
10.7K1
腾讯工程师们怎么玩 Vue.js?
使用ZBlog搭建网站 怎么选择HTML静态缓存插件
  ZBlog是动态内容管理系统,访客和用户在访问网站时,ZBlog从数据库中读取内容,再把内容发送到用户和访客的浏览器。同时访问网站的用户过多,会影响网页加载速度,同时也影响用户体验。
雾海梦曦
2022/11/12
1.7K0
使用ZBlog搭建网站 怎么选择HTML静态缓存插件
PageHelper分页插件怎么这么好用
参数说明https://github.com/pagehelper/Mybatis-PageHelper/blob/master/wikis/zh/HowToUse.md
码农飞哥
2021/08/18
8180
steamvr插件怎么用_微信word插件加载失败
  本文基于 SteamVR 插件的开发文档翻译并总结 SteamVR 开发过程中的基本用法。本文总结汇总了 SteamVR 插件文档的内容,对文档部分内容进行了删减。目前仅仅只是翻译并结合部分内容进行补充,部分内容可能存在纰漏,后续会结合开发过程逐步更新修改此文章的内容。 插件文档地址:https://valvesoftware.github.io/steamvr_unity_plugin/articles/intro.html
全栈程序员站长
2022/10/03
3.8K0
steamvr插件怎么用_微信word插件加载失败
WordPress 安装插件失败怎么解决?
在 wordpress 后台安装插件的时候,经常会遇到各种原因导致上传失败,比如下图这样的提示:安装失败。遇到这种情况很多新手不知道应该怎么解决了,下面魏艾斯博客给初次遇到此类问题的朋友提供一个简单思路,wordpress 解决问题主要是学习一个思维方式,遇事多思考,多问问度娘,也可以多上魏艾斯博客搜索关键词找教程。
魏艾斯博客www.vpsss.net
2018/12/14
11.4K1
WordPress 安装插件失败怎么解决?
eclipse安装lombok插件 出现打不开(lombok插件怎么读)
1、下载lombok.jar,lombok.jar官方下载地址:https://projectlombok.org/download
全栈程序员站长
2022/08/01
1.7K1
eclipse安装lombok插件 出现打不开(lombok插件怎么读)
pycharm安装插件报错怎么办_pycharm安装哪些插件
IdeaVim 可以让你在 Pycharm 中操作 Vim 的功能,比如 Vim 的正常模式/插入模式/可视模式,以及各种快捷操作
全栈程序员站长
2022/09/27
6960
pycharm安装插件报错怎么办_pycharm安装哪些插件
使用Vue.js完成简单前端分页
最近又开始考古之前的光年后台模板了,然后发现这个分页还挺好看的,但是实现起来很麻烦,所以就结合Vue2实现了一个动态的换页效果。
用砖头敲代码
2022/06/14
2K0
怎么在插件列表中隐藏一个WordPress插件?
怎么在插件列表中隐藏一个WordPress插件?如果你不想让客户看到你为其订制的插件显示在插件列表中,在本教程中,将向您展示如何轻松地从插件列表中隐藏一个WordPress插件,插件仍在工作,只是不会出现在插件列表中。
主机教程网2bcd.com
2022/10/31
1.4K0
eclipse怎么配置svn插件_dip插件有哪几种
以Eclipse(Kepler)安装SVN插件为例,记录eclipse安装插件的几种方法。 1 eclipse market在线安装 2 eclipse Install New Software 手动在线安装 3 下载插件,离线安装(eclipse插件目录,或用link自定义插件目录)
全栈程序员站长
2022/11/07
4520
eclipse怎么配置svn插件_dip插件有哪几种
idea怎么离线安装lombok插件_如何导出idea的插件
1、首先下载离线文件,根据自己的idea版本下载安装文件,lombok下载地址:https://github.com/mplushnikov/lombok-intellij-plugin/releases
全栈程序员站长
2022/10/04
4.2K0
idea怎么离线安装lombok插件_如何导出idea的插件
[logstash-input-redis]插件使用详解
Redis插件参数配置详解 最小化配置 input { redis { data_type => "list" #logstash redis插件工作方式 key => "logstash-test-list" #监听的键值 host => "127.0.0.1" #redis地址 port => 6379 #redis端口号 } } output { stdout{} } 详细配置 input { redis { batch_count => 1 #EVAL命令返回的事件数目 data_type
用户1154259
2018/01/17
1.5K0
[logstash-input-redis]插件使用详解
[logstash-input-log4j]插件使用详解
Log4j插件可以通过log4j.jar获取Java日志,搭配Log4j的SocketAppender和SocketHubAppender使用,常用于简单的集群日志汇总。 最小化的配置 input { log4j { host=>"localhost" port=>4560 } } output { stdout {} }   log4j插件配置host以及port就能监听localhost上的4560端口的log4j消息。   此时,如果你的log
用户1154259
2018/01/17
2K0
[logstash-input-log4j]插件使用详解

相似问题

Canvas 怎么安装插件?

1239

其它插件怎么接入啊?

070

使用 Vue.js 语法开发答题小程序怎么没有后续课程?

0201

怎么探测 Vue.js 数据对象里面属性的变化?

1438

npm创建的vue.js项目怎么回退依赖版本?

12.1K
相关问答用户
擅长3个领域
擅长4个领域
萃橙科技 | 合伙人擅长4个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档