![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Call_me_small_pure
吭哧吭哧吭哧
展开
-
解决: vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND github.com
初始vue-cli化项目vue init <模板名称> <项目名称>可能会出现报错信息vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND github.com解决方案运行一下命令行,设置所有代理为 null(无效)npm config set http-proxy nullnpm config set https-proxy null重新运行vue原创 2020-08-19 10:23:58 · 4920 阅读 · 1 评论 -
vue-cli3.0配置process.env.NODE_ENV
在根目录下新建三个.env文件NODE_ENV=devVUE_APP_URL=http://192.168.14.22NODE_ENV=prodVUE_APP_URL=https://www.baidu.comNODE_ENV=testVUE_APP_URL=https://test.baidu.com分别对应以上三个文件本地环境、正式环境 和 测试环境在vue.co...原创 2020-03-18 11:41:47 · 7763 阅读 · 0 评论 -
less出现问题之后
在vue.config.js中添加:module.exports = { css: { loaderOptions: { less: { javascriptEnabled: true } } }}原创 2020-02-23 21:40:55 · 209 阅读 · 0 评论 -
公告轮播
<div class="marquee_box"> <ul class="marquee_list" :class="{marquee_top:animate}"> <li v-for="(item, index) in marqueeList" :key="index"> <span>{{...原创 2020-02-17 22:50:38 · 417 阅读 · 0 评论 -
vue-cli3.0预渲染prerender-spa-plugin
npm i prerender-spa-plugin --save"prerender-spa-plugin": "^3.4.0"在根目录下新建文件vue.config.jsconst PrerenderSPAPlugin = require('prerender-spa-plugin');const Renderer = PrerenderSPAPlugin.PuppeteerRend...原创 2019-12-18 10:14:55 · 328 阅读 · 0 评论 -
Promise.all同时调用多个接口
菜鸟写法 for(let i=0,l=list.length;i<l;i++) { let data = { id: list[i].id } this.$axios_post(data,res=>{ ... }) } 大鸟写法let arr = [];for(let i=0,l=list.length;i<l;i++) { let d...原创 2019-11-09 12:05:12 · 3828 阅读 · 0 评论 -
vue监听浏览器窗口的宽度 高度
mounted() { window.onresize = () => { return (() => { this.screenWidth = document.body.clientWidth; console.log(this.screenWidth) ...原创 2019-06-05 11:47:27 · 4412 阅读 · 0 评论 -
vue 百度Api
https://dafrok.github.io/vue-baidu-map/#/zh/control/scale原创 2019-02-27 17:32:57 · 387 阅读 · 0 评论 -
解决----在vue中修改data中的对象更新不到页面上去的问题
vue修改data中的对象,更新不到页面上去?Object.assign浅拷贝 然后强制刷新视图.this.detail = Object.assign({}, this.detail, i);this.$forceUpdate();原创 2018-12-06 19:37:43 · 3426 阅读 · 1 评论 -
基于vue的一些常用的组件
npm i axios npm install qsnpm i element-ui -Snpm i es6-promise //解决有时候 Safari浏览器不识别vue的问题npm install less less-loader --savenpm install vuex --savenpm i js-cookieCookies.set('name','...原创 2018-10-10 18:36:20 · 430 阅读 · 0 评论 -
vue-cli 安装3.0最新版
一段时间没用过vue写东西了,今天突然发现vue的脚手架已经升级到3.0了,赶紧安装…全局安装npm install -g @vue/cli输入vue -V检测安装的版本:3.0.0创建项目vue create hello之后就是一些项目的配置了 按自己的需求来 按上下方向键选择需求,空格键确定安装完成发现确实比2.0简洁了不少,然后cd进入项目目录 npm run ser...原创 2018-10-10 18:22:18 · 1816 阅读 · 0 评论 -
Vuex的基本用法
安装npm install vuex --save新建store.js文件并在main.js中引入import Vuex from 'vuex';import store from './assets/store';Vue.use(Vuex);new Vue({ router, store, render: h => h(App)}).$mount('#...原创 2018-10-18 17:00:33 · 183 阅读 · 0 评论 -
Echarts——柱状图(各参数详细描述)
var echarts = require('echarts'); var myChart = echarts.init(document.getElementById('item')); let option = { title : { text: (new Date()).getFullYear()+'年度', },原创 2018-04-03 13:33:34 · 5083 阅读 · 0 评论 -
vue项目中的title问题
vue项目——当页面路由发生改变时,(从当前页面退回上一级页面),页面的title并未发生变化。 解决方法: 在路<router-view>标签中添加v-wechat-title="$route.meta.title",如下原创 2018-03-19 13:59:06 · 1785 阅读 · 0 评论 -
There are multiple modules with names that only differ in casing. This can lead to unexpected....
There are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.Use equal casing. Compare these module ide原创 2018-01-26 10:00:16 · 18344 阅读 · 0 评论 -
基于webpack环境vue组件首页标题前的小图标显示问题
想要让favicon.ico 的兼容性更好,favicon.ico这个图标一般建议是放在根目录的。放在其他目录,页面加载可能获取不到 如果是脚手架新建的话,找到你的配置文件 // build/webpack.dev.conf.jsnew HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html',原创 2018-01-22 11:06:47 · 1211 阅读 · 0 评论 -
vue如何实现复制内容到粘贴板clipboard
1 . npm安装到项目目录文件中npm install clipboard --save2 . import 引入文件import Clipboard from 'clipboard';3 . 在需要html元素中的自定义属性中data-clipboard-text 中写入要复制的内容button class="copyBtn" :data-clipboard-text原创 2018-01-12 15:37:51 · 8535 阅读 · 0 评论 -
关于v-for无法及时更新到页面上的解决方法
// this.gc[0] ={name:'lisi',age:22} //这样直接修改不能被vue监听到 Vue.set(this.gc,0,{name:'lisi',age:22}) //这样就能被vue监控到,更新视图原创 2017-11-22 22:07:21 · 2842 阅读 · 0 评论 -
vue--当从后台加载的图片出错时显示默认的图片
<img id="showimg" v-bind:src='userSrc' @load="success" @error="error" >JS:function error() { list.userSrc="../img/userInfo/tuceng3.png";}原创 2017-10-25 15:46:14 · 2895 阅读 · 0 评论