qq_45515863的博客

【自适应】向来是前端工程师需要解决的一大问题——即便作为当今非常火热的vue框架，也无法摆脱——虽然elementui、iview等开源UI组件库层出不穷，但官方库毕竟不可能满足全部需求，因此我们可以通过【监听窗口变化】达到想要的绝大部分自适应效果。获取窗口宽度：document.body.clientWidth监听窗口变化：window.onresize同时回顾一下JS里这些方法：网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.cl

在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关eslint的规则module: { rules: [ //...(config.dev.useEslint ? [createLintingRule()] : []), // 注释或者删除 { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig },

初始创建的vue项目运行后只能通过localhost 8080或127.0.0.1:8080访问，这样的话就只能在自己电脑上进行预览，如果是开发的移动端网页的话，就很难体会到真实的效果，下面就介绍一种可以在手机上预览的方法：这个方法实现的前提是手机和电脑在同一局域网内，简单来说，就是手机和电脑连接同一WIFI即可。 首先找到使用vue脚手架建立项目config文件中的index,js文件， 修改里面的host属性值：改成 host: '0.0.0.0' 重新npm run dev一下

1.先声明全局方法 在 main.js 里Vue.prototype.ScanAudio = function(){ var music = null; music = uni.createInnerAudioContext(); //创建播放器对象 music.src= "../../static/raw/right.mp3"; //选择播放的音...

cover-view{ word-break: break-all; word-wrap: break-word; white-space: pre-line;}

方法一：通过 watch// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to.path); }},或// 监听,当路由发生变化的时候执行watch: { $route: { handler: function(val, oldVal){ console.log(val); }...

// 在模板中使用： <div class="home"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-...

在style标签下的相应标签下写下如下内容（以div为例）：div{ cursor:pointer;}

在使用vue开发时，我们会经常用到一些多个页面共用的变量，如果通过页面间相互传值的方法就会变得十分复杂，这是我们就该用到全局变量，下面就来介绍一下使用vue定义全局变量的方法。定义在main.js文件中定义Vue.prototype.name = 'lgp';name：表示变量的名lgp：表示变量的值使用在其他文件中使用：console.log(this.name)即...

在我们的前端开发中，会经常遇到跨域的问题，每次遇到都会是一件头疼的事，今天就介绍两种分别在浏览器端和服务端解决的办法。首先先说明一下这个报错的原因，因为vue和nodejs都是在我的电脑上运行的，端口不一样，就出现的跨域的问题，那个有的人会说了，把他们写成同样的端口号不就可以了，我只能微微一笑，以为如果端口号一样的话，当我们访问服务器的时候就只会得到nodejs返回的内容，而把vue的内容跳过...

今天使用vue-cli脚手架，当使用路由的时候，突然报了下面这个错误，不知道是怎么回事，然后查了一下，解决方法是：在router目录下的index.js文件中加入如下语句：const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalP...

自定义组件自定义组件可以为我们在开发中提供很大的帮助，页面中重复的部分我们便可以通过自定义组件来完成，这样就实现了写一次代码便可以在多个页面同时使用的好处，不仅让其他页面的代码量大大减少了，还可以减轻我们的工作量，提高我们的效率，下面就来说说自定义组件的使用：首先在项目的components文件夹下新建一个vue文件，名字随意起就可以，如果没有components文件夹可以自己创建一个，在这...

uni-app是使用vue.js开发多端应用的框架，可以说为一些钱多开发者提供了很大的方便，近些天学习了一下vue.js，可当开始开发的时候却不知怎么去将文件分块，然后查了一下，发现引入文件确实与传统的html不一样，总结了一下分别引入组件、css样式以及js文件的方法：引入组件 import uniSearchBar from '@/components/uni-search-bar/...

今天看了VUE默认实例化的这段代码：new Vue({el: ‘#app’,components:{App},template: ‘’})首先el这样的参数意义比较明显，就是要被替换的index.html中的元素template网上查了很久，都说是用替换index.html里面的，但实验结果并不是这样，太坑了。实际上写法表示要选择的组件，因为components参数里其实可以放多个...

今天在使用vue-router时突然出现如下错误，查了好长时间，也用了好几种方法都没有解决，后来终于找到一种简单又能够解决问题的方法。只需要在main.js文件和router文件中将import Vue from 'vue'改为import Vue from 'vue/dist/vue.esm.js'便可以轻松解决。...

var vm = new Vue({ el: '#app', data: { msg:'ok' }, methods: { show:function () { console.log("执行了show方法"); }, //调用钩子函数destr...

最近了解了一下vue，它的数据绑定方式与小程序类似，但开始使用request请求时却不知所措，因为与小程序不同的是，vue并没有像wx:request()这样的用法，后来查了一下，发现了axios的方法挺不错，所以在这里分享一下。下面介绍一下使用方法：一、安装。npm安装：npm i axios引入到项目：<script src="https://unpkg.com/axios...