![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 60
Revival_Liang
千里之行始于足下
展开
-
,
1、这里是左右切换 export default { name: 'app', data(){ return{ transitionName: 'slide-left' } }, //监听路由的路径,可以通过不同的路径去选择不同的切换效果 watch: { '$route' (to, from) {原创 2017-07-10 08:29:10 · 554 阅读 · 0 评论 -
vue实现自动切换tab
{{item.title}} {{item.title}} export default { name: 'parent', data () { return { data:[ {title:'第1项'},{title:'第2项'},{title:'第3项'},{title:'第4项'},{title:'第5项'},{tit原创 2017-06-29 22:03:58 · 4721 阅读 · 0 评论 -
vux使用教程
. 在项目里安装vuxnpm install vux --save. 安装vux-loader (这个vux文档似乎没介绍,当初没安装结果报了一堆错误) npm install vux-loader --save-dev. 安装less-loader (这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')npm install less less-l原创 2017-10-17 22:52:06 · 25672 阅读 · 6 评论 -
canvas合成文本与图片
1,原生合成Html5 Canvas 实现图片合成 |img{ border:solid 1px #ddd;} function hecheng(){draw(function(){document.getElementById('imgBox').innerHTML='合成图片成功!可以鼠标另存图片查看我是否是一张图片~~!';}) }va原创 2017-10-27 17:31:07 · 1667 阅读 · 0 评论 -
vue中使用less方法
第一步:安装less依赖,npm install less less-loader --save第二步:修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加{test: /\.less$/,loader: "style-loader!css-loader!less-loader",},现在基本上已经安装完原创 2017-11-03 11:03:44 · 1934 阅读 · 0 评论 -
vue实现购物车动画功能
1,这里用到了jq及基于jq的插件,插件非常的小,好像只有数kb,不用担心太多代码,不多说直接上代码,使用前需要初始化,在mounted或者created方法里调用 this.init() init:function(){ (function ($) { $.fly = function (element, options) { // 默认值原创 2017-07-17 22:04:12 · 3560 阅读 · 0 评论 -
vue-cli之那些日子踩过的坑 哈哈(或许有你想要的答案)
1,打包的时候图中的位置需要加一个点,否则打包之后会报找不到资源文件的错误,比如说找不到css文件,图中为config文件夹下的index.js文件内容2,关于绑src的问题(1)如图这样写,在本地是没有问题的,但是打包之后就会报找不到资源的错误(2)正确的做法是加上require(),如图,这样打包就没问题了原创 2017-06-20 14:07:29 · 809 阅读 · 0 评论 -
自定义vue组件小集合
倒计时组件 {{str}} export default{ data(){ return { str:'', timeStamp:10 } }, created:function(){ this.downCount() }, methods:{ downCount:function(){ if(this.t原创 2017-06-11 13:52:11 · 1215 阅读 · 0 评论 -
vue项目开发配置信息
main.js配置import Vue from 'vue'import App from './App'import store from './store/'import axios from 'axios'import $ from 'jquery'import YDUI from 'vue-ydui'import 'vue-ydui/dist/ydui.rem.css'原创 2017-08-18 16:57:08 · 568 阅读 · 0 评论 -
vue-cli项目导入jquery插件(其他插件类似)
(前期准备工作,npm install jquery,你懂的)1、我们需要修改的是build/webpack.base.conf.js,修改两处的代码(1)在头部引入var webpack = require('webpack')(2)在这个文件的最后写入配置即可plugins: [ new webpack.ProvidePlugin({原创 2017-06-29 15:33:47 · 860 阅读 · 0 评论 -
element 组件使用小教程集合(element1.3.6)
轮播图: .bannerbox{width: 500px;} .el-carousel__item h3 { color: #>; font-size: 18px; opacity: 0.75; line-height: 300px; margin: 0; } .el-carou原创 2017-06-10 21:57:26 · 4141 阅读 · 0 评论 -
vue使用百度地图记录
{{streetNumber?streetNumber:''}} {{address?address:''}} @import '../../styles/commonscss.scss'; .home_map .map{width: 100vw;height:100vh; position: fixed;} .home_map .info原创 2017-09-06 21:58:50 · 1415 阅读 · 0 评论