window.location.href = 'http://wpa.qq.com/msgrd?v=3&uin=QQ号' window.location.href = 'http://wpa.qq.com/msgrd?v=3&uin=2795811771'

点击当前标签给其添加class,兄弟标签class删除 然后获取当前点击元素的文字 演示地址: https://xibushijie.github.io/static/addClass.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue 点击当前元素添加class 去掉兄弟的class</title> <script src

vue-totop vue 点击返回顶部插件,可以根据参数设定按钮大小,颜色,类型,返回顶部的时间等.github地址:https://github.com/1006008051/vue-totop,欢迎star. 安装npm install vue-totop -S 使用注入 // ES6import vueToTop from 'vue-totop'//or requirevar vueToTop = require('vue-totop') Vue.use(vueToTop) 组件使用 <

vue点击切换颜色 只能点击一个 <!doctype html> <head> <meta charset="UTF-8"> <title>修改资料--类别</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalabl

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>vue 点击当前元素添加class 去掉兄弟的class</title> <link rel="stylesheet&qu

vue点击时动态改变样式 template中 <li :class="{ active:index==isActive }" @click="changeValue(index)" v-for="( item , index ) in items" :key="item.CategoryId">{{item.CategoryName}}</li> data中 isActive:false, method

1. vue点击显示切换 :class='{"span":index==0}' class原本是 类选择器 加上 :class就是绑定属性的意思 '{"span":index==0}' 意思就是判断等于 index等于0的时候就显示span的样式  2.点击切换地址栏 conten.vue top.vue left.vue 效果

找到default/library/page_footer.lbi中找到QQ代码的相应位置,然后你会发现之前模板里面为什么QQ点击不能对话,是因为QQ客服安装包中的JS代码有的可能是比较旧的代码了. 下载的QQ临时会话的源代码: <a href=”http://wpa.qq.com/msgrd?V=1&Uin={$im}& amp;amp;Site={$shop_name}&Menu=yes” target=”_blank”><img src=”http://wp

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> ul{ width: 100%; height: 50px; line-height: 50px; overflow

今天做项目的时候,遇到了新需求,需要把点击图片放大的功能.学习了一下GitHub上的viewerjs插件 GitHub地址:https://github.com/fengyuanchen/viewerjs 1.安装 npm install v-viewer --save-dev 2.在main.js中引入 import Vue from 'vue'; import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' 3.注册调用 Vu

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

1.下载clipboard.js cnpm install clipboard --save 2.引入,可以在mian.js中全局引入也可以在单个vue中引入 import Clipboard from 'clipboard'; 3.使用,在template中,这里我用了elementui框架 <el-table-column label="taskId"> <template slot-scope="scope"> <el-toolt

VUE中 html 中 <ul id="shoppingList" v-on:click="addClass($event)" class="iview-admin-draggable-list"> <li></li> </ul> 点击li时 js如下 addClass:function(e){ console.log(e.target); if(e.target.parentNode.classN

在写vue的项目的时候,弹框经常性出现,并要求点击弹框外面,关闭弹框,那么如何实现呢?且听我一一...不了,能实现效果就好 <template> <div> <div class="show" v-show="show" v-clickoutside="handleClose"> 显示 </div> </div> </template> <script> cons

<div @click="btnfc()">点击弹窗按钮</div> <div v-show="show"> <div @click="hiddenShow()">关闭</div> </div> new Vue({ el: '', data: { show:false, }, mounted: function () { }, methods: { //点击弹窗 btnfc:

Part.1 问题 如何使上面的三个按钮单个点击后实现第一个按钮现在的样式呢? Part.2 思路 为当前点击的按钮添加一个 单独的类名,我的做法: .active { background: #3C8DBC; color: white} 为当前点击的按钮添加一个 .active 类,但是在每次为当前点击的按钮添加类名时,其它的按钮需要删除 .active 类名才行 Part.3 解决 每次点击时先 remove 掉按钮的 .active 类,  然后单独给当前点击按钮添加 .active. 如

vue中使用v-for循环li 怎么点击每个li中的em给添加class删除兄弟元素 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA

一.效果 图1 图2,点击报错之后,又变成图1的效果 二.使用到了element UI中的以下组件: <el-button> <el-input> 三.使用的关键点是vue中的v-if指令 四.关键代码如下 HTML部分 <div class="content-wrapper"> <div> <el-button type="primary" icon="el-icon-plus" @clic

  需求: 1.点击一个事件时弹出一个蒙版: 2.蒙版上有取消,删除事件:(点击取消时候蒙版消失,点击删除时,删除蒙版并消失): 3.点击空白地方,蒙版也消失:   <template>     <div class="waitPay">         <div class="logo">             <span></span>             <span>保单号{{acc

刚自学Vue不久,所以还不太熟,所以直接上代码. 一.先在data里增加一个变量,用来储存当前点击的元素 data() { return { activeClass: -1, // 0为默认选择第一个,-1为不选择 }; }, 二.在Template里面的代码,切记在@click方法里面要传index, <li :class="activeClass == index ? 'active':''" v-for="(itme,index) in itmeList"