51dev.com IT技术开发者社区

51dev.com 技术开发者社区

如何自己搭建一个vue脚手架工具

如何自己搭建一个vue脚手架工具

1.初始化项目目录 npminit(项目名称一定要规范否则会保存不能使用中文或者特殊符号)安装npmiwebpackvuevue-loader根据提示信息安装依赖npmicss-loadervue-template-compiler 2.新建文件夹(源目录)src在里面创建app...

vue项目post请求405报错解决办法

vue项目post请求405报错解决办法

步骤一:  确定ajax语法没有错误。步骤二:  与后台对接确认请求是否打到nginx上?步骤三:  检查nginx是否配置了事件转发,比如我们的接口是在,当前地址的8100端口上,并且接口地址上有v1这个唯一标识,按照下图配置,即可解决此问题。...

vue引入echarts、找不到的图表引入方法、图表中的点击事件

vue引入echarts、找不到的图表引入方法、图表中的点击事件

1.在vue-cli项目中添加webpack配置,本文引入的最新版本。在 3.1.1 版本之前ECharts在npm上的package是非官方维护的,从 3.1.1 开始由官方 EFE 维护npm上ECharts和zrender的packa...

Vue问题1:TypeError:date.getHours is not a function

Vue问题1:TypeError:date.getHours is not a function

再用vue的时间控件的时候遇到了如下的问题:解决方法:在<el-date-picker></el-date-picker>时间控件加上value-format="yyyy-MM-dd"以防出现date.getTimesisnotafunction以下的ap...

vue实现横向滚动效果(better-scroll)

vue实现横向滚动效果(better-scroll)

使用better-scroll实现滚动效果,参照大佬的文章,将better-scroll封装成组件可供多次调用。封装slider组件如何封装slider组件参考文档中解释的非常详细,但有一些细节可以提出。由于为横向滚动,首先需要一个宽度不变的wrapper,然后再制作一个较宽的content,con...

vue+axios上传文件

vue+axios上传文件

单独上传文件:<inputclass="file"name="file"type="file"accept="image/png,image/gif,image/jpeg"@change="update"/>methods:{update(e){letfile=e.target.file...

Vue-cli 记录

Vue-cli 记录

先给出能正确安装的步骤:1.进盘符2,为啥不用npm,这是国外的东西,有些电脑无法FQ,会导致安装失败,或者下载速度很慢345这是其中一步要填的,自己选择需要啥 问题:用npm安装带来的麻烦,看到了吗? 有种情况是8080端口被占,需要自己手动去设置...

Vue实战Vue-cli项目构建(Vue+webpack系列之一)

Vue实战Vue-cli项目构建(Vue+webpack系列之一)

用Vue比较长一段时间了,大大小小做了一些项目,最近想总结一下知识点,出一个Vue+webpack系列,先从项目构建说起——vue-cli.由于是Vue+webpack这里就不赘述git那些东西(用cmd也没问题),默认环境都配置好了。第一步先建立一个文件夹我这里是apron...

vue全家桶(Vue+Vue-router+Vuex+axios)(Vue+webpack项目实战系列之二)

vue全家桶(Vue+Vue-router+Vuex+axios)(Vue+webpack项目实战系列之二)

Vue有多优秀搭配全家桶做项目有多好之类的咱就不谈了,直奔主题。一、Vue  系列一已经用vue-cli搭建了Vue项目,此处就不赘述了。二、Vue-router  Vue的路由,先献上文档(https://router.vuejs.org/zh-cn/)。  路由在全家桶里面定位是什么呢,创建单页...

vue-router 之 keep-alive

vue-router 之 keep-alive

本文基于Vue2.0keep-alive 是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。用法也很简单:<keep-alive><component><!--该组件将被缓存!--></component></keep...

Vue keep-alive实践总结

Vue keep-alive实践总结

<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。<keep-alive>包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和<transition>相似,<keep-alive>是一个抽象组件...

vue调用百度地图API 获取当前地理位置

vue调用百度地图API 获取当前地理位置

 一、vue调用百度地图api,获取当前位置经纬度,存入vuex页面 1在index.html页面入口文件加入秘钥  2需要使用地图的页面加方法。如: 具体代码: addressDetail(){//获取地理位置  &n...

vue.js 过滤器、ajax数据、事件监听实例

vue.js 过滤器、ajax数据、事件监听实例

在vue.js开发时,数据可以使用jquery和vue-resource来获取数据。在获取数据时,一定需要给一个数据初始值。app.html<!doctypehtml><htmllang="zh-CN"><head><metacharset="UTF-8"&...

vue样式的切换及vue动态样式的使用教程

vue样式的切换及vue动态样式的使用教程

本文要给大家介绍vue的样式切换一级vue的动态样式的使用教程,下面给大家带来几个小案列,需要的朋友可以借鉴研究一下。 既然我们选择了vue,那么在做东西时就不要想着去操作dom,所有的都交给vue来解决。下面来说一个很简单但是很常用的效果,可能人人都会用到这样的需求 导航栏的样...

vue2.0项目中使用Ueditor富文本编辑器

vue2.0项目中使用Ueditor富文本编辑器

首先把官网下载的Ueditor资源,放入静态资源src/static中。修改ueditor.config.js中的window.UEDITOR_HOME_URL配置,如下图:在main.js中引入import‘../static/UE/ueditor.config.js‘import‘../stat...