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

51dev.com 技术开发者社区

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...

vue实现select组件

vue实现select组件

 通过这几天的学习,初步实现了自定义的选择下拉框组件,其中,可以把下拉选项抽离出来作为子组件,整个组件为父组件,其主要由<div>、<input>、<custom-select>、<ul>、<li>等标签构成基本的选择组件页面结构...

基于 Vue 的直播播放器实战

基于 Vue 的直播播放器实战

时下直播的盛行让很多人对直播技术产生浓厚的兴趣,orange本人也不例外,本文借着实战的目的完成一个demo,并没有深入的讲解直播技术的实现原理以及推流和拉流的实现,为什么不深入讲解直播的底层技术,原因很简单大公司没必要看我的文章去了解如何搭建直播服务器,小企业又没有不要去搭建自己的直播服务器,因为...

vue项目如何使用nginx配置跨域

vue项目如何使用nginx配置跨域

最近使用vue开发一个功能,npmrunbuild之后打包的代码放在了a.com.cn下但是php接口部署在了b.com下,那么问题来了,如何让后端接口支持跨域。有两种方法:让后端在返回数据的时候设置下返回请求的header,这种方法比较不稳定,因为接口一旦多了就得改好多代码,而且每次出了问题还得去...

Vue.js组件的通信之父组件向子父组件的通信

Vue.js组件的通信之父组件向子父组件的通信

<!DOCTYPEhtml>  <htmllang="en">  <head>    <metacharset="UTF-8">    <title>componentParentChildCommunication</title&g...