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 · 757 阅读 · 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 · 5553 阅读 · 0 评论 -
Vue中的属性和方法介绍
计算属性计算属性 和普通属性一样是在模板中绑定计算属性的，当data中对应数据发生改变时，计算属性的值也会发生改变。methodsmethods 是方法，只要调用它，函数就会执行。watchedwatched 属性：代码更易于理解，它指定监测的值是谁，然后相应的改变其他的值。computedcomputed 属性：代码更简单。computed 相当于method，返回functio...原创 2018-09-18 16:44:30 · 5947 阅读 · 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 · 4957 阅读 · 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 · 714 阅读 · 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 · 295 阅读 · 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 · 2708 阅读 · 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 · 10993 阅读 · 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 · 829 阅读 · 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 · 1015 阅读 · 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 · 14797 阅读 · 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 · 20555 阅读 · 0 评论 -
Vue 改变数组触发视图更新
push() push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。example1.items.push({ message: 'Baz' })pop() pop() 方法用于删除最后一个元素，把数组长度减 1，并且返回它删除的元素的值。shift() shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。...原创 2018-08-06 09:37:53 · 10009 阅读 · 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 · 1208 阅读 · 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 · 1259 阅读 · 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 · 5488 阅读 · 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 · 942 阅读 · 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 · 11991 阅读 · 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 · 17591 阅读 · 0 评论 -
Vue 使用图表插件 -- Echarts
目前常用的图标插件有 charts, Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。安装插件npm install echarts -Shttps://www.jb51.net/article/128790.htm原创 2018-07-20 15:03:34 · 19871 阅读 · 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 · 15050 阅读 · 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 · 4962 阅读 · 0 评论