1.先写一个图片加载的方法class ImgLoadClass { static preloadImages = (arr) => { //已经加载完的图片数量 let loadeImage = 0 //存放图片的数组 let newImages = [] //处理存入字符串,取得src部分 //l
33 2018-10-22 0 33
我的代码之前类似下面的结构<div id="example-1" v-for="item in items"> <ul> <li> {{ item.message }} </li> </ul></div>结果发现不好用,数据读入了但是没有显示 于是我后来看官网的例子才明白,原来
17 2018-10-22 0 17
此次项目开发完后准备打包,因为hash模式的路径带#看着实在是有点丑,所以采用history模式。因为本次项目属于以前网站重构,但是seo问题,所以需要以前的一些地址路径写,所以vue-router的路径全部重改了。打包后
19 2018-10-22 0 19
找了不少资料如何发布到服务器,然而还是没找到合适的可实际操作的文档。很多文档打着上线发布的标题,其实就是本地运行而已。其实vue2.0工程发布相当简单。
文章重点: 讲解vue工程配置部分的意义 如何打
14 2018-10-22 0 14
1、修改config/index.js2、修改路由route/index3、后台配置nginx以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之
13 2018-10-22 0 13
最近Vue项目中,要将用户上传的图片全部上传到oss上,
OSS配置项请访问:https://help.aliyun.com/document_detail/64095.html?spm=a2c4g.11186623.6.773.kcD20nOSS平台配置
在平台的概览里面看看自己的基
11 2018-10-22 0 11
在我们引入elementUI的时候,一般是两种方式:npm安装或者在script直接引入;当然,在script直接引入的时候,我们也可以通过直接指定版本的方式,达到锁定版本的效果。<script src="//unpkg.com/element-ui@2.3.8/li
29 2018-10-22 0 29
对于新手们来说,如何写一个可以多用的组件,还是有点难度的,组件如何重用,如何传值这些在实际使用中,是多少会存在一些障碍的,所以今天特意写一个最常用的模态框组件提供给大家,希望能帮助到您!懒癌患者直接复制粘
15 2018-10-22 0 15
问题vue-cli npm run build命令默认把dependencies中的依赖统一打包,导致vendor.js文件过大,出现首屏加载过于缓慢的问题。解决方案像vue、axios、element-ui这些基本上不会改变的依赖我们可以把它们用cdn
17 2018-10-22 0 17
vue-cli提供的脚手架只是一个最基础的,也可以说是Vue团队认为的工程结构的一种最佳实践。对于初学者或者以前曾从事AngularJS/React开发的用户来说,可能对开发环境有自已习惯性用法和熟悉的工具,但我建议用V
10 2018-10-22 0 10
一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件:CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令)CLI 服务:@vue/cli-service是一个
31 2018-10-22 0 31
当我们用vue-cil建立一个完整的webpack+vue的项目之后,它的设置选项还是蛮多的。比如,当我们输入npm run dev开始跑起项目之后,就会自动的打开浏览器,并把页面打开。按理说,这是一个很方便的配置。问题是,我们
16 2018-10-22 0 16
前言:跨域方案有很多种,既然我们用到了Vue,那么就使用vue提供的跨域方案。解决方案:1.修改HttpRequestUtil.js import axios from 'axios' export var baseurl = '/api' /** * Get请求 */ export function ge
18 2018-10-22 0 18
大家会遇到打包后文件很大,导致页面初始化加载的速度很慢。会出现白屏的现象。这一般是你打包的vendor太大的缘故。如果你打包后看到你的vendor文件有700kb以上。你就要考虑怎么处理。处理这种文件的1、把
12 2018-10-22 0 12
一、npm 版本需要大于 3.0,如果低于此版本需要升级它:# 查看版本$ npm -v2.3.0#升级 npmcnpm install npm -g二、在用 Vue.js 构建大型应用时推荐使用 NPM 安装:# 最新稳定版$ cnpm install vue三、Vue.js
12 2018-10-22 0 12
在vue组件通信中其中最常见通信方式就是父子组件之中的通信,而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。父组件传递数据给子组件使用,遇到业务逻辑操
27 2018-10-22 0 27
Font Awesome用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利,不管是在加载还是修改方面,字体图符远远优于图片。但是饿了吗封装的Element UI提供的字体图符少之又少,又不想用图片,只能自己扩展图符
14 2018-10-22 0 14
用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?解决方法webstorm保存的时候会先保存到
18 2018-10-22 0 18
项目在dev环境下运行没有问题,打包之后就各种报错一下来整理一下遇到的问题1、打包好的网页无法访问static目录的资源原因是下载官方的cli时,默认设置是根据绝对路径来定位资源目录的,这样就非常方便在dev环
18 2018-10-22 0 18
方法一:npm install font-awesome在main.js里添加import 'font-awesome/css/font-awesome.css'方法二:在官网下载代码到本地,现在应该是font-awesome-4.7,把整个文件夹放到static文件夹中,然后在index.html中
15 2018-10-22 0 15
1、打开 iconFont官网 选择自己喜欢的图标,并且添加购物车2、点击购物车,添加至项目3、下载至本地4、把我们下载好的文件iconfont.css和iconfont.ttf放到项目assets文件夹下(可创建一个css文件或iconfont文
18 2018-10-22 0 18
1、下载所需要的字体,.ttf格式本文以(FZCYJ.ttf 为例)2、在src下新建common文件,文件夹中包含以下文件3、打开font.css@font-face { font-family: 'FZCYJ'; //重命名字体名 src: url('FZCYJ.ttf'); //引入字
21 2018-10-22 0 21
1、ElementUi文档已经说了,如果需要后端排序,需将sortable设置为custom,同时在 Table 上监听sort-change事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而向接口请求排序后的表格数据。<el-table :d
28 2018-10-22 0 28
在开发vue的项目(我使用的是vue2),需要添加js,虽然可以通过npm install 安装插件,但是如果有一些插件并没有开源,这时候我们只有脸上宽面条了。所以我更倾向于在webpack中引入外部js文件。1.直接引用Note:(红
10 2018-10-22 0 10
1,首先把下载的字体 两种格式放到本地2,新建文件夹3,在这个文件里写4,这main.js 里引用5,在style里引用字体,结束!以上这篇在vue中更换字体,本地存储字体非引用在线字体库的方法就是小编分享给大家的全部内容了,
25 2018-10-22 0 25