vue
Sky786905664
这个作者很懒,什么都没留下…
展开
-
springboot vue (跨域问题)
1、Spring Boot跨域配置有两种方法在后端使用Spring Boot。Spring Boot跨域非常简单,只需书写以下代码即可。@Configurationpublic class CustomCORSConfiguration { private CorsConfiguration buildConfig() { CorsConfiguration转载 2018-01-28 20:57:55 · 4344 阅读 · 0 评论 -
Vue-全局添加组件
在vue项目中,可以自定义组件像vue-resource一样使用Vue.use()方法来使用,具体实现方法:1、首先建一个自定义组件的文件夹,比如叫loading,里面有一个index.js,还有一个自定义组件loading.vue,在这个loading.vue里面就是这个组件的具体的内容,比如:template> div> loading...........转载 2017-10-12 14:28:06 · 4571 阅读 · 0 评论 -
vue-quill-editor自定义图片上传
我们通常都会使用富文本编辑器在后台编辑内容,开发vue当然也少不了,我们通过vue官网的链接可以找到一些资源,或者去github上查找一些开源的编辑器。我使用的是vue-quill-editor,它的界面很简洁,功能也满足平时的编辑需要,不过于臃肿,但是它默认的图片上传是使用Data URL方式保存到了内容里,这不是我想要的,我相信大部分人也不想这样去保存图片,还好quill提供了如何去自定义转载 2017-11-06 19:37:05 · 2769 阅读 · 0 评论 -
如何在Vue中建立全局组件或者全局命令
1 一般在vue中,有很多vue组件,这些组件每个都是一个文件。都可能需要引用到相同模块(或者插件)。我们不想每个文件都import 一次模块。如果是基于vue.js编写的插件我们可以用 Vue.use(...)main.js 2 但是如果想添加一个全局命令,同时又让每个vue的文件都能用到怎么办?第一步:最好建立一个全局的命令文件例如:direc转载 2017-09-26 12:44:17 · 2290 阅读 · 0 评论 -
vue2.0项目中使用Ueditor富文本编辑器示例
最近在vue项目中需要使用富文本编辑器,于是将Ueditor集成进来,作为公共组件。在线预览:https://suweiteng.github.io/vue2-management-platform/#/editor项目地址:https://github.com/suweiteng/vue2-management-platform 记得在右上角点个赞哦~1.放入静态资源并配置转载 2017-10-11 11:33:35 · 6348 阅读 · 2 评论 -
vuequillEditor上传图片
<quill-editor v-model="content" ref="myQuillEditor" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @ready="onEditorReady($event)" @change="onEditorChange($event)">原创 2017-10-20 12:56:22 · 3246 阅读 · 0 评论 -
vuejs在服务器部署
首先VUE 是一个javascript的前端框架,注定了它是运行在浏览器里的,对服务器本地没有任何要求,只要一个静态文件服务器能通过http访问到其资源文件就足矣!无论你是用apache ,ngnix 就算你要用node 自己实现一个静态文件服务器,也用不了多少行代码。npm run dev 是用来在本地开发的时候做调试用的,vue开发的是前端的东西,不是nodejs 服务端程序,按道理讲,生转载 2017-10-10 11:12:44 · 618 阅读 · 0 评论 -
Nodejs Client for FastDFS
FastDFS 是分布式文件存储系统。这个项目是FastDFS的NodeJS客户端,用来与FastDFS Server进行交互,进行文件的相关操作。我测试过的server版本是4.0.6。githubhttps://github.com/ymyang/fdfs安装npm install fdfs使用var fdfs = require('fdfs');转载 2017-09-12 10:46:45 · 1727 阅读 · 0 评论 -
vue $refs的基本用法
div id="app"> input type="text" ref="input1"/> button @click="add">添加button>div>script>new Vue({ el: "#app", methods:{ add:function(){ this.$refs.input1.value ="2转载 2017-09-25 10:40:00 · 1424 阅读 · 0 评论 -
基于vue.js的图像预览组件
Overview基于vue.js图像预览组件更多的手势操作还是开发中Demovue-fancyboxGithubgithub安装npm install vue-fancybox --saveimport fancyBox from 'vue-fancybox';基础用法div class="list" v-for="(转载 2017-10-13 11:05:07 · 10117 阅读 · 4 评论 -
Vue PDF预览
vueshowpdf Installnpm install vueshowpdf -SQuick Start//template vueshowpdf @closepdf="closepdf" v-show="isshowpdf" :pdfurl="pdfurls" @pdferr="pdferr" :maxscale='4' :minscale=转载 2017-10-13 11:08:13 · 15240 阅读 · 9 评论 -
使用vue-aplayer插件时出现的问题
刚刚接触vue-aplayer,从github上找到了用法,首先需要npm install vue-aplayer –save ,之后在组件中引入import VueAplayer from ‘vue-aplayer’,别忘了注册components: { 'a-player': VueAplayer } 这里还有一个问题,用v-if,而不是v-show,因为是异步请求,所以一开始播放转载 2018-01-06 21:17:54 · 2849 阅读 · 1 评论 -
子组件通过$emit来向父组件传递数据(array)
最近遇到一个子组件传递多数据给父组件,最开始是当做字符串传多值,但没有成功,然后在网上找到这种方法,现在再这里记录下,给大家和自己参考下子组件"button" v-on:click="submit">确定//jsexport default { props:["titleName","id","order"], methods: {原创 2017-12-14 14:40:23 · 3135 阅读 · 2 评论 -
vue.js的devtools安装
安装1.github下载地址:https://github.com/vuejs/vue-devtools2.下载好后进入vue-devtools-master工程 执行npm install ----->npm run build.3.修改manifest.json 中的persistent为true 4.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》添加转载 2017-10-16 17:30:04 · 478 阅读 · 1 评论 -
vue 实战问题-watch 数组或者对象
1 .普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }} 2、数组的watchdata() {转载 2017-10-16 17:18:22 · 5121 阅读 · 1 评论 -
tomcat服务如何配置vue-router的history模式
tomcat 目录下免得conf文件夹里面的web.xml文件加上下面的配置display-name>webappdisplay-name> description> webapp description> error-page> error-code>404error-code> location>/location> error-page>转载 2017-10-13 15:53:17 · 6616 阅读 · 0 评论 -
vue-quill-editor自定义图片上传
我们通常都会使用富文本编辑器在后台编辑内容,开发vue当然也少不了,我们通过vue官网的链接可以找到一些资源,或者去github上查找一些开源的编辑器。我使用的是vue-quill-editor,它的界面很简洁,功能也满足平时的编辑需要,不过于臃肿,但是它默认的图片上传是使用Data URL方式保存到了内容里,这不是我想要的,我相信大部分人也不想这样去保存图片,还好quill提供了如何去自定义按钮原创 2017-11-08 11:05:42 · 3127 阅读 · 0 评论 -
文章标题
我们通常都会使用富文本编辑器在后台编辑内容,开发vue当然也少不了,我们通过vue官网的链接可以找到一些资源,或者去github上查找一些开源的编辑器。 我使用的是vue-quill-editor,它的界面很简洁,功能也满足平时的编辑需要,不过于臃肿,但是它默认的图片上传是使用Data URL方式保存到了内容里,这不是我想要的,我相信大部分人也不想这样去保存图片,还好quill提供了如何去自定义按原创 2017-11-08 11:03:11 · 285 阅读 · 0 评论 -
利用v-model实现父子组件间的双向通信
这是主页面 {{num}} -1 作者:786905664@qq.com 时间:2017-09-24 描述:局部组件 --> import son from './test1'var co原创 2017-09-24 11:21:22 · 566 阅读 · 0 评论 -
localStorage、sessionStorage用法总结
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。sessionStorage生转载 2017-06-30 09:23:21 · 572 阅读 · 0 评论 -
vue2 前后端分离项目ajax跨域session问题解决
最近学习使用vuejs前后端分离,重构一个已有的后台管理系统,遇到了下面这个问题:实现跨域请求时,每次ajax请求都是新的session,导致无法获取登录信息,所有的请求都被判定为未登陆。1、 vuejs ajax跨域请求最开始使用的是vue-resource,结果发现vue2推荐的是axios,于是改成axios;安装axiosnpm install axios -S转载 2017-06-29 17:29:21 · 20897 阅读 · 5 评论 -
Vue中保存用户登录状态
首先我们假设,这里的登录组件(register.vue)是App.vue组件的子组件,是通过路由进入登录组件的。 登录组件中用户点击登录后,后台会传过来一个用户名,我的App.vue组件中需要拿到这个用户名,并将上面的“登录注册”字样变为“用户名”。 为了保证用户刷新后用户名不会消失,这里我用到了sessionStorage代码如下: register.vue中用户点击登录触发转载 2017-06-29 11:36:41 · 11684 阅读 · 1 评论 -
webstorm添加vue模板支持
在 Vue 中,可以利用一个 .vue 文件实现组件化,而不需要对每个组件分别建立 style, scripts 和 view。这样做的好处是使组件能更加直观,而坏处是目前有些 editor 对 .vue 的语法支持还是不太好。我用 Atom 写 .vue 的时候, 的那一块并不能自动补全。不过我个人不依赖 css 的补全,所以没有太大的影响。如果你比较依赖这个,建议你还是把这些代码分离出转载 2017-05-17 11:05:46 · 3883 阅读 · 0 评论 -
Vue2.0 + Element-UI + WebAPI实践:简易个人记账系统
最近正在学习Vue2.0相关知识,正好近期饿了么桌面端组件Element-UI发布,便动手做了一款简易个人记账系统,以达到实践及巩固目的。1.开发环境Win10 + VS2015 + Sqlserver2008R2 + WebAPI + Dapper + Vue2.0 + Element-UI2.项目解决方案概览 简单介绍下,Account是WebAPI项目转载 2017-05-18 11:05:21 · 3111 阅读 · 0 评论 -
Vue.js实战之利用vue-router实现跳转页面
对于单页应用,官方提供了vue-router进行路由跳转的处理,这篇文章主要给大家介绍了Vue.js实战之利用vue-router实现跳转页面的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。前言使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生。官方文档: h转载 2017-05-18 15:58:39 · 7016 阅读 · 0 评论 -
iview Badge组件count传值
Badge 徽标数概述 #主要用于通知未读数的角标,提醒用户点击。 .demo-badge{ width: 42px; height: 42px; background: #eee; border-radius: 6px; display: inline-block;原创 2017-06-16 16:37:56 · 3261 阅读 · 0 评论 -
Vue实例详解与生命周期
Vue实例详解与生命周期http://www.jianshu.com/p/b5858f1e6e76Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理、数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。Vue实例初始化的选项配置对象详解前面转载 2017-06-16 10:45:14 · 4274 阅读 · 1 评论 -
vue报错 listen EADDRINUSE :::8080
问题原因:此项错误表示 8080 端口被占用解决方案一:打开cmd输入:netstat -ano查看所有端口信息,如图,找到端口 8081,以及对应的 PID输入:tskill PID 即可杀死进程解决方案二:打开cmd输入:netstat -ano查看所有端口信息,如图,找到端口 8081,以及对应的 PID输入:tas转载 2017-06-09 09:40:51 · 7014 阅读 · 0 评论 -
[Vue]入门基础
1.快速搭建# 创建一个基于 webpack 模板的新项目$ vue init webpack my-first-vue-project?Project name (my-first-vue-project) \\输入项目名称?Project description (A Vue.js project) \\输入项目描述//输入Auth转载 2017-06-09 09:48:58 · 561 阅读 · 0 评论 -
Vuejs组件——slot内容分发
本篇资料来于官方文档:http://cn.vuejs.org/guide/components.html#u4F7F_u7528_Slot__u5206_u53D1_u5185_u5BB9本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十八)Slot分发内容①概述:简单来说,假如父组件需转载 2017-09-23 22:12:12 · 338 阅读 · 0 评论 -
组件之间的数据传递
Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目,其中 App.vue 是父组件,components 文件夹下都是子组件。 一、父组件向子组件传递数据在 Vue 中,可以使用 props 向子组件传递数据。 子组件部分:转载 2017-06-05 16:46:01 · 2923 阅读 · 0 评论 -
iview日期控件,双向绑定日期格式
日期在双向绑定之后格式为:2017-07-03T16:00:00.000Z 想要的格式为2017-07-04调了好久,几乎一天:用一句话搞定了 @on-change=”addForm.Birthday=$event”Date-picker placeholder="选择日期" type="datetime" v-model="addForm.Birthday" :key=转载 2017-07-24 16:03:24 · 6386 阅读 · 6 评论 -
vue2+element 管理后台 集成解决方案
线上地址 http://panjiachen.github.io/vue-element-admin/#/login前言这半年来一直在用vue写管理后台,目前后台已经有七十多个页面,十几种权限,但维护成本依然很低,效率依然很高,所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios.由于是个人项目,所以数据请求都是用了mockjs代替转载 2017-07-17 10:30:23 · 4225 阅读 · 0 评论 -
Vue+iview报TypeError: this.$parent.updateGutter is not a function
今天对之前写的代码拆分了下component,然后就遇到TypeError: this.$parent.updateGutter is not a function仔细调了下,发现这里面循环多少个就出现多少次错误,然后想到parent,就找到问题了,外层少了row。应该是col元素必须在row元素内原创 2017-06-27 09:44:14 · 6256 阅读 · 0 评论 -
axios基本用法
vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,前一段时间用了一下,现在说一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安装axios模块之后import axios from 'axios';//安装方法npm install axios//或bower install axios当然也可以用script转载 2017-06-13 11:58:57 · 9738 阅读 · 1 评论 -
为什么axios请求接口会发起两次请求
之前在使用axios发现每次调用接口都会有两个请求,第一个请求时option请求,而且看不到请求参数,当时也没注意,只当做是做了一次预请求,判断接口是否通畅,但是最近发现并不是那么回事。首先我们知道了额外的一次请求时option请求,那么这个是干嘛用的呢?如果只是普通的 ajax 请求,也不会发起这个请求,只有当 ajax 请求绑定了 upload 的事件并且跨域的时候,就会自动发转载 2017-06-13 11:53:03 · 16101 阅读 · 1 评论 -
如何更改vue项目运行的端口号
记录下如何更改vue项目运行的端口号 使用webpack创建的vue项目,端口号默认是8080,可是不想用8080做项目的端口号怎么办?? 1、找到项目对应的 config 文件夹里的 index.js ,此时可以看到项目配置了 port:8080 运行时,端口号就是8080: 2、转载 2017-06-09 09:56:43 · 26992 阅读 · 1 评论 -
使用 Vuex + axios 发送请求
Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据,所以这篇博客将结合两者来发送请求 前言: Vuex 的安装将不再赘述,可以参考之前的博客 Vue 爬转载 2017-06-05 10:00:58 · 5647 阅读 · 0 评论