前端框架之VUE
自在飞花轻似梦paofu
远赴人间惊鸿宴,一睹人间盛世颜
展开
-
vue点击路由列表某一菜单报错
我的是安装的vue-router版本问题,其他人的版本是3.1.5没有报错,我的版本是3.0.x报错。把版本升级到3.1.5不再报错。npm install vue-router@3.1.5 --save原创 2020-07-27 09:52:55 · 198 阅读 · 1 评论 -
后台模板vue-admin-template的安装
1、安装Git,vue-element-admin基础教程廖雪峰老师:Git安装和使用2、使用Git工具克隆项目创建项目步骤:# 克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.git(1) 进入项目目录cd vue-element-admin(2) 安装依赖npm install#(3) 建...原创 2019-04-26 09:01:29 · 2376 阅读 · 0 评论 -
vue 点击div,实现对input的全选,取消全选
不全选,开发中下面讲下全选和不全选,主要是通过操控checked属性,根据布尔值true和false、取反等操作来实现全选和全不选。全不选效果:全选效果:全不选,复选框checkbox全部未选中,全选的div边框和字色为黑色。全选,复选框checkbox全部被选中,全选的div边框和字色为红色。上代码HTML代码 //通过input的checked的属性,真为选中,假不选中,来...原创 2019-05-08 18:48:09 · 2623 阅读 · 0 评论 -
vue 多项收藏、取消收藏
html代码 <span class="iconfont c-fs40 c-fc-gray books-6" :class="[!item.collect ? star : '']" @click="toggle(index,item.collect)" ></span>js代码let tools=[ {name:'用户即媒介,人就是节...原创 2019-05-07 19:09:16 · 4817 阅读 · 1 评论 -
watch监听传入的数据
watch如何监听传入的数据,为什么要监听?原创 2019-05-27 13:17:44 · 1307 阅读 · 0 评论 -
vue中使用TcPlayer,自动播放视频,以及下一个视频
前提是已经知道怎么使用TcPlayer。一、自动播放视频。方案:在activated中使用定时器(setTimeout())例:setTimeout(function(){ $this.playBtn(0); },0);二、自动切换下一个方案:看new TcPlayer()返回的都有哪些参数,在这些参数里找需要的东西。this.tenObj = new ...原创 2019-05-23 13:39:31 · 17769 阅读 · 5 评论 -
vuejs 父子组件传值应用实例
父传子用prop子传父用$emit未完原创 2019-05-23 14:43:06 · 3580 阅读 · 0 评论 -
关于vuejs移动端组件vant,和remjs
有赞 vant:https://youzan.github.io/vant/#/zh-CN/quickstartremjs匹配机型兼容代码如下。浏览器默认font-size:16px; 在自己写项目的时候需要除以100,以下js代码有说明。举例,width:200px,换算成自己实际需要的rem,width:2rem.((designWidth, maxWidth) => { // ...原创 2019-07-03 10:48:12 · 858 阅读 · 0 评论 -
vue-cli脚手架 之 短信验证码倒计时60s
1. 首页引入计时器和清除定时器的函数import { setTimeout, setInterval, clearInterval } from 'timers';**2.**定义一个为null的变量interval,和一个负责循环的变量ivar interval=nullvar i=60**3.**在methods对象中定义点击获取验证码的方法。必须判断interval是否为nu...原创 2019-07-09 09:14:52 · 393 阅读 · 0 评论