qq_38185872的博客

##、处理页面中输入框，键盘弹起遮盖输入框的问题解决//键盘遮挡输入框的处理方法Vue.prototype.avoidCoverInput = function(eleId){ setTimeout(function(){ let pannel = document.getElementById(eleId); pannel.scrollIntoView(false); pan...

##、vue项目中引入三方js库粘贴板的方法<script> import swiper from '../lib/swiper-3.4.0.jquery.min'; export default { name:'focusimg', mounted:function(){ this.$nextTick(fu...

##、关于打包之后项目打开白页的问题在config文件下的index.js中将 assetsPublicPath: '/' ,做如下修改，改变路径即可##、关于打包之后图片路径错误的问题解决理解在webpack中一切皆模块的思想: 将所有的图片按照模块进行处理即新建一个文件, 然后使用 import 引入所有的图片, 使用即可.（在把图片放到static目录下面, 其实也是一种方法....

##、vue-cli的proxyTable配置跨域请求接口数据例如：请求的接口为：http://192.168.0.241:8087/tradeController/tradeListByItem?item=6target：设置为：http://192.168.0.241:8087/changeOrigin参数，接收一个布尔值，如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发...

##、vue-resource请求数据的时候不能携带参数的问题this.$http.get的data部分，必需写成{params {key: value}}的形式，否则不能携带参数传递。##、vue-resource拦截器使用在vue项目使用vue-resource的过程中，临时增加了一个需求，需要在任何一个页面任何一次http请求，增加对token过期的判断，如果token已过期，需要...

##、父组件向子组件传值（props）props的值中不可有大写字母，若为listData则不会识别 引用该组件时，通过import引入，并且components中要写入引入的组件的命名，在组件中以prop的形式进行传参规定props的数据格式和默认值对于Object和Array的设置默认default值的，要使用工厂函数去 return一个值，否则报错：Props with type...

##、使用Vue.use()使用全局组件在main.js中引入组件（组件必须要在一个文件夹下，里面要写入index.js；index.js是入口文件。）组件my_login.vue是按一般组件的格式进行开发；Index.js是组件的入口文件：import MyLogin from './my_login.vue'// 这里是重点const Mylogin = { insta...

##、vue事件修饰符（摘自官网）<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a ...

##、普通用法；data() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}或：// 监听,当路由发生变化的时候执行watch: { '$route':'getPa...

##、computed传参和不传参的注意区别

##、directives自定义指令// 注册一个全局自定义指令 v-focusVue.directive('focus', { // 当绑定元素插入到 DOM 中。 inserted: function (el) { // 聚焦元素 el.focus() }})// 注册一个局部自定义指令 v-focusdirectives: { foc...

=vue的solt的使用===##、使用vue的slot分发内容页面内容<!--对话框模版--><template id="dialogTemplate"> <div class="reloadDiv" v-if="show_dialog"> <div class="board fixed" @click="hide_dialog">&...

=vue的ref的使用====##、ref的使用以及说明ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：<div id="app"><input type="text" ref="input1"/><button @...

=vue的set的使用====##、不改变数组长度的情况下，同步修改数组Vue.set(that.couponUseOrNoArr, that.list_index, 1);//或者 局部写法this.$set(that.couponUseOrNoArr, that.list_index, 1);##、修改对象中的某个属性，页面同步显示更改Vue.set(that.testObj,...

======================路由使用部分=========================##、定义路由定义路由router，并引进vue实例中var router = new VueRouter({ routes:[ { path:'/', name: 'home', c...

=============图片、样式、动画等部分=============##、关于图片的路径问题publicPath: '../../'Template中的图片可以直接从assets的文件夹中获取，但是data中的img本地图片数据在static文件夹下建一个文件夹存放静态图片要通过import引入，这样才能在页面渲染图片；css中的图片要修改utils.js的文件。...

==========vue的不常用知识及易错语法点=========##、v-show和v-if的使用区别v-show是样式display的值为none和block的切换，页面上本来就存在这些html代码，对于这些代码注册事件可以直接注册；v-if是页面不存在这些html代码，在其为true的时候开始加载渲染这些html代码，对于该部分代码注册事件要用动态注册##、v-for比...

JavaScript正则表达式下——相关方法在一切开始之前，看看RegExp实例的几个属性RegExp实例对象有五个属性1.global：是否全局搜索，默认是false2.ignoreCase：是否大小写敏感，默认是false3.multiline：多行搜索，默认值是false4.lastIndex：是当前表达式模式首次匹配内容中最后一个字符的下一个位置，每次正则表达式成功匹配时，l...

问题一：这个界面运用了大量的日期类型的计算，当我们用JavaScript实例化一个日期对象时，我们可以这样用:var date =new Date();上面这段代码是获取当前日期，这段代码在Firefox、Chrome、Safari浏览器中都可以运行。但是如果我想根据字符串获取日期，问题就来了。看下面代码。var date =new Date("2016-05-31 08:00");这段...