![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
gqzydh
这个作者很懒,什么都没留下…
展开
-
Vue.js 过滤器
需要注意的是,Vue.js 2.0 中已经去除了内置的过滤器Vue.js 过滤器使用Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由管道符 | 指示Vue.js 内置的 10 个过滤器1 . capita...翻译 2018-04-26 17:59:42 · 731 阅读 · 0 评论 -
Vue项目实例
链接跳转<router-link to="/index"></router> //属性to='/'即是跳转到path为'/'的路径.<div to="/users" @click="ratego()">methods: { //跳转页面+链接上带参数 /users?id=xxx&hidid=xxx ratego ()原创 2018-09-12 11:40:50 · 5534 阅读 · 0 评论 -
Vue中的属性和方法介绍
计算属性计算属性 和普通属性一样是在模板中绑定计算属性的,当data中对应数据发生改变时,计算属性的值也会发生改变。methodsmethods 是方法,只要调用它,函数就会执行。watchedwatched 属性:代码更易于理解,它指定监测的值是谁,然后相应的改变其他的值。computedcomputed 属性:代码更简单。computed 相当于method,返回functio...原创 2018-09-18 16:44:30 · 5929 阅读 · 1 评论 -
Element-ui css非网络引用,图标无法正常显示的解决办法
官方推荐的css及js<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui@1.4/lib/theme-default/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/element-ui@1.4/...原创 2018-12-06 17:17:08 · 4931 阅读 · 0 评论 -
vue2.0-移动端音乐播放器搭建
脚手架安装vue init webpack vue-musicStylusCSS 的三个预处理器(框架):Sass、LESS 和 Styluscnpm install stylus --save-devcnpm install stylus-loader --save-dev参考: https://www.zhangxinxu.com/jq/stylus/...原创 2019-03-06 16:10:06 · 692 阅读 · 0 评论 -
vue 实例常用笔记
<body><div id="example"> <my-component></my-component></div><script> //创建组件 //Vue.extend() var MyComponent = Vue.extend({ template: '<...原创 2019-03-31 17:59:45 · 279 阅读 · 0 评论 -
vue中常用方法总结
<input v-for="item,i in tabData " type="button" v-bind:value="item.title" v-bind:class="{ative : i=== index}"/>可控制classv-bind:class="{class名字 :表达式}"v-bind:class="{ative : i=== ...原创 2019-04-24 22:41:48 · 2690 阅读 · 0 评论 -
vue-chartjs 图表库配置及使用
官网官方文档 使用Chart.js和Vue.js简单漂亮的图表github/vue-chartjsvue-chartjs 是基于 Chart.js 实现的 vue 版本npmnpm install vue-chartjs chart.js --save组件BarHorizontalBarDoughnutLinePiePolarAreaRadarBubbl...原创 2019-08-11 18:35:16 · 10944 阅读 · 0 评论 -
vue-H5全屏图片背景实例
<style lang="scss" scoped> .oreal-hra { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; background: url(../../assets/hra_bg_v2.jpg) no-repeat c...原创 2019-09-04 15:37:10 · 803 阅读 · 0 评论 -
vue 短信验证码输入
vue 短信验证码输入<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no,view...原创 2019-09-06 18:29:21 · 1003 阅读 · 0 评论 -
vue判断手机类型是安卓、微信或IOS
点击按钮<div class="click" @click="clickApp">点击触发</div>methods:{ downApp() { let ua = navigator.userAgent.toLowerCase(); //Android终端 let isAndroid = ua.indexOf('...原创 2018-09-05 10:07:29 · 14710 阅读 · 0 评论 -
vue 关于路由跳转方法
关于路由跳转方法:pushthis.$router.push({name:'master',params:{id:'参数'}});//name和params搭配,刷新的话,参数会消失 this.$router.push({path:'/master',query:{id:'参数'}});//path和query搭配,刷新页面的话,url中的参数不会丢失,query中的参数成了url中的一...原创 2018-08-06 14:40:14 · 20507 阅读 · 0 评论 -
Vue 改变数组触发视图更新
push() push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。example1.items.push({ message: 'Baz' })pop() pop() 方法用于删除最后一个元素,把数组长度减 1,并且返回它删除的元素的值。shift() shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。...原创 2018-08-06 09:37:53 · 9982 阅读 · 0 评论 -
vue发送数据请求
axios 发送数据请求axios发送数据请求axios:https://github.com/axios/axios 先安装 npm install axios --save-dev Mock.js 生成随机数据,拦截Ajax请求Mock.js:http://mockjs.com/ 再安装 npm install mockjs --save-dev ...原创 2018-05-04 16:26:16 · 1192 阅读 · 0 评论 -
Vue.js 基础特性
Vue 的实例 var vm = new Vue({}) 在实例化的时候,我们可以传入一个选项对象,包含数据、模板、挂载元素、方法、生 命周期钩子等选项模块选项中主要影响模板或 DOM 的选项有 el 和 template, render。&lt;div id="app"&gt; &lt;p&gt;123&lt;/p&gt;&lt;/原创 2018-04-27 10:48:42 · 1244 阅读 · 2 评论 -
Vue开发常见问题及解决方法
[Vue-warn]: Missing required prop: &quot;to&quot; (found in component &amp;lt;router-link&amp;gt;) 这个错误是&amp;lt;router-link&amp;gt;少了个to或者是写错 ,正确写法为:&amp;lt;router-link to=&quot;/home&a原创 2018-05-14 15:17:05 · 5453 阅读 · 1 评论 -
vue.js常用插件
1. Vue-router Vue.js + Vue-router 的组合将这一套逻辑放在了前端去执行,切换到对应的组件后再向后端请求数据, 填充进模板来,在浏览器端完成 HTML 的渲染。引用方式npm 的方式安装 npm install vue-router 引用 import Vue from 'vue';import VueRouter from 'vu...原创 2018-05-15 09:11:35 · 923 阅读 · 0 评论 -
Vue点击当前增加class其他删除class
<li v-for="(item, index) in correList" v-on:click="clickTopUp(item.id)" v-bind:class='{actives:item.id==faceValue}'>{{item.money}}元<br><span>消耗{{item.integrals}}积分</span></原创 2018-06-11 15:02:27 · 11970 阅读 · 0 评论 -
vue-cli(vue脚手架)项目搭建
vue构建使用vue-cli作为Vue应用程序和组件的零配置开发工具,查看Vue CLI 的文档。 vue-cli github仓库;用 vue-cli 快速构建一个工程的时候,除了学习官方文档外,需要熟练掌握es6,还有vue的全家桶(vue-clivue脚手架, vue-router 前端路由, axios请求数据, vuex应用程序开发的状态管理模式)都要上的。vue-c...原创 2018-07-04 14:57:09 · 17542 阅读 · 0 评论 -
Vue 使用图表插件 -- Echarts
目前常用的图标插件有 charts, Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。安装插件npm install echarts -Shttps://www.jb51.net/article/128790.htm原创 2018-07-20 15:03:34 · 19812 阅读 · 2 评论 -
vue单页面标题设置 title
前端框架如 Vue、React 等都是单页面的应用,整个web站点其实是一个index页面,页面跳转都是替换index.html里边的内容。这与传统的每个页面设置title标签的做法不一样。推荐使用 vue-wechat-titlevue-wechat-title作用Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title ...原创 2018-08-09 16:29:22 · 14976 阅读 · 4 评论 -
Vue.js 实现tab点击切换效果
tab切换<!--这里是html结构--><div id="app"> <ul> <li v-for="(item,index) in tabs" :class="{active:index == num}" @click=&原创 2018-08-01 14:02:23 · 4922 阅读 · 0 评论