vue开发实用
Good 奈斯
畅游在代码的海洋里,卑微的学着。
展开
-
复制粘贴
1、引入clipboard.js,方法如下: 第一种直接npm安装:npm install clipboard --save 第二种:<script src="js/clipboard.min.js"></script>(下载地址:https://clipboardjs.com/)2、在需要使用的组件中import 引用方法:import Clipboard ...原创 2019-10-19 16:21:28 · 146 阅读 · 0 评论 -
vue 实现60秒倒计时 然后再次点击事件加载
本人感觉特别简单的实现方法 不用啥计时器啊啥的 vue多强大 废话不多说 下面就是怼代码复制即用点击按钮倒计时 <button @click="getlogin" class="btn-bottom" type="primary" :disabled="disabled">{{ btnText }}</button>data定义 data () { ...原创 2019-08-02 16:26:28 · 3603 阅读 · 4 评论 -
Vue-router 切换组件页面时进入进出动画之1
把页面跳转的<router-view></router-view>包起来 // 用transition 把切换组件页面的容器包含 <transition name="slide-fade"> <router-view></router-view> </transition>废话不多说...原创 2019-08-07 21:56:05 · 348 阅读 · 0 评论 -
vue-router 切换页面之2
切换页面两点实现1.如何判断切换路由时是前进还是后退2.每次切换时向左向右切换动画如何实现我们需要给各个页面定义层级,在切换路由时判断用户是进入哪一层页面,如果用户进入更高层级那么做前进动画,如果用户退到低层级那么做后退动画.router/index.jsimport VueRouter from 'vue-router'import Home from '../components...原创 2019-08-07 22:21:51 · 264 阅读 · 0 评论 -
vue与apiclound结合使用 调起微信app并且分享
项目需求开发一款app,前端需求一名 ,没错是我!要求便捷开发,快速开发一款app因为就我一位前端 所以本人直接vue开发app 为了弥补vue开发app的致命缺点,决定使用apicloud并开始自己的入坑之路!!!血泪史。。。。。。。开始上代码首先一、你要有微信开放平台账号微信开放平台注意:不是微信公众号 不是小程序 ,假如想实现在微信公众号或者网页中分享到微信的,请去看我...原创 2019-08-07 23:01:25 · 448 阅读 · 0 评论 -
vue 的点击事件怎么获取当前点击的元素
首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,在点击的函数中 添加$event 参数就可以比如<button @click = “clickfun($event)”>点击</button>methods: { clickfun(e) { // e.target 是你当前点击的元素 ...转载 2019-08-10 16:29:43 · 12114 阅读 · 0 评论