xiaogezl-CSDN博客

原创 vue实现城市列表排序（中文）

在后台没有传城市字母标识时，可以使用以下方法对城市进行排序并实现右侧字母列表功能： {{ title }} {{letter}} {{city.name}} ↑ {{

2017-09-04 16:21:57 10035

转载 ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法

找到ruby的安装目录，里面也有sass模块，如这个路径：C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass在这个文件里面engine.rb，添加一行代码Encoding.default_external = Encoding.find('utf-8')

2017-05-22 15:27:02 584

原创 Vue2路由动画效果实现

这篇文章主要讲的是路由切换的时候动画效果的实现，可以根据不同的路径去改变动画的效果，以下就是源码，可供参考： export default { name: 'app', data () { return { transitionName: 'slide-left' } }, mounted (

2017-04-28 11:46:40 18195

原创在vue中获取dom元素

在vue中可以通过给标签加ref属性，就可以在js中利用ref去引用它，从而操作该dom元素，以下是个例子，可以当做参考<template> <div> <div id="box" ref="mybox"> DEMO </div> </div></template>&l...

2017-04-26 17:14:32 113491

原创 vue音乐播放器插件vue-aplayer的配置及其使用

昨天在vue的官网上看到vue-aplayer这个音乐播放器的插件，由于个人有比较喜欢音乐，所以就拿过来玩一玩，感觉还是比较实用的，界面美观。首先，我们先安装 npm install vue-aplayer --save，之后在组件中引入 import VueAplayer from 'vue-aplayer'，下面就是源码，可供参考：

2017-04-21 17:26:52 29935 7

原创 vue移动端裁剪图片结合插件Cropper的使用

之前写了一个上传头像的功能模块，以下的内容是描述上传头像过程中裁剪图片插件结合vue的一个使用。当然，使用就安装 npm install cropperjs接着再引入 import Cropper from 'cropperjs'下面是源码确定

2017-04-18 13:03:03 18895 13

原创 vue2移动端上传，预览，压缩图片，解决拍照旋转问题

因为最近遇到个移动端上传头像的需求，上传到后台的数据是base64位，其中为了提高用户体验，把比较大的图片用canvas进行压缩之后再进行上传。在移动端调用拍照功能时，会发生图片旋转，为了解决这个问题引入了exif去判断拍照时的信息再去处理图片，这是个很好的插件。关于exif.js可以去他的GitHub上了解，这边直接npm install exif-js --save 安装，然后impo

2017-04-13 11:32:00 11316 20

最近在写移动端项目，应用在微信上面的一个webapp（vue单页面开发），遇到了一个很尴尬的问题，就是有些页面之间的跳转是通过储存在sessionStorage中的某些数据，然后进行判断再渲染不同的组件，通过页面中左上角返回按钮进行修改sessionStorage中的值。但是由于Ios自带的左滑返回上一页，导致了不触发左上角的按钮直接返回，从而渲染了错误的页面，所以我通过以下代码阻止了默认返回上一

2017-04-11 10:58:46 8349

原创 vue轮播图插件vue-awesome-swiper的使用

最近写vue2.0项目中用到了轮播图的一个插件，也就是vue-awesome-swiper，个人感觉还是比较强大的，swiper官网中的API及配置均可使用(支持3.0)，以下说下使用该插件的一些步骤：第一步安装npm install vue-awesome-swiper --save第二部在main.js中引入import Vue from 'vue'import VueAwesom...

2017-04-08 16:21:08 48342 40

原创在使用vux框架时用v-if出的问题

有时候要根据需求去显示或者隐藏某一个版块功能，要用到v-for属性，其中一些属性，如：，这类功能型菜单标签在使用v-for时必须把默认值设为false，不然报错。原因是因为如果你把默认值设为true时，系统默认以为要加载这个组件，然后你通过初始化判断又让它变为false，与框架中的组件产生冲突。

2017-03-31 17:03:18 2218

原创 vue2中的组件component问题

在学vue2的时候踩得这个坑，一个组件，也就是一个template标签中只能有一个标签，如果你照下面这样写就会出现 [Vue warn]也就是警告这是一个标题内容官方会给你以下一个提示- Component template should contain exactly one root element. If you ar

2017-03-24 14:29:42 2997 1

原创 win10系统下谷歌浏览器web移动端看不到小圆点解决方案

今天用的win10系统，重新下载了最新谷歌浏览器版本57.0.2987.98，在开发者模式调试移动端时发现小圆点消失了，强迫症忍不了，最后发现是显卡设置的问题，也就是在显示器一般设置下的量化范围改成全范围，重启浏览器即可解决该问题。

2017-03-21 15:41:54 2220

原创微信小程序入门

地址：https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

2016-12-23 16:37:26 439

xiaogezl的博客