随笔分类 - Vue
about vue.js framework
前后端传递等待响应问题
摘要:一、背景 在项目开发的过程中,有一个场景描述如下:上传文件,文件在后端处理,处理完成之后在反馈给前端。实际使用的例子:PDF裁剪,PDF转word,音频文字转化等。这次遇到的场景是音频文字的转化。 场景描述:文件先上传,上传成功之后,给前端反馈已经成功上传,此时前端进入等候状态,等待后端处理完成的反
阅读全文
vue中的watch
摘要:一、背景 在进行前端开发的时候,需要对数据的创建,加载,变化,销毁进行监听,这些都需要涉及到生命周期,也是框架开发非常重要的一环。这里总结一下实战中可能会遇到的问题 1.为避免相同操作,引发错误,需要锁定一些事件。(比如锁定发送状态) 2.在某些数据执行完成之后才会执行其他操作。(比如渲染完数据在执
阅读全文
vue实现前后端文件的上传和下载
摘要:一、背景 在项目中除了一般的数据传送以外,剩下的核心部分就是文件、视频的传送问题以及用户状态权限等。根据实际的项目需求,这里记录一下vue+flask的文件传送方式,其他的语言也类似。 二、上传 上传内容以前端为主动,后端和服务器为被动 2.1 前端 上传这里使用了element-ui的upload
阅读全文
vue路由传参(比较完整的方法记录)
摘要:一、背景 在进行vue开发的时候会涉及到一个问题,就是我们需要对路由进行静态处理,如下面两种情况,可以跳到目标页面: 1. url中直接带上url类型(path/param) http://localhost:8080/#/movieDetail/123 2. 请求参数类型(path/?query)
阅读全文
vue的学习
摘要:一、背景 这里记录一下vue的基础内容,方便以后的巩固和查询。 官网:https://cn.vuejs.org/index.html 二、属性操作 2.1 v-text 文本渲染 v-text渲染文本内容,可以使用差值表达式进行处理差值格式{{}} 2.2 v-html 界面选渲染 v-html可以
阅读全文
Vue项目的建立和目录的简单介绍
摘要:一、介绍 Vue是前端三大框架之一,另外两个分别是react、angular。其设计模式是MVVM的设计架构模式。 二、安装 2.1 node.js安装 在安装vue之前的时候,需要安装node.js。去官网下载http://nodejs.cn/,然后将其添加到系统环境中,在使用如下的指令进行查询
阅读全文
解决跨域问题以及Django中POST传递参数错误
摘要:一、跨域 在进行前后端开发的时候需要涉及到跨域的问题,跨域既可以在前端解决也可以在后端解决。前段解决的思路就是转换路径,将发出的请求的url地址转换成可以映射成的地址。后端的解决思路是将获取的地址转换成可以映射的地址。 1. 模型 1.1 前端跨域解决的模型 由于路由router的不同,因此在跨域请
阅读全文
vue+django分离开发的思想和跨域问题的解决
摘要:一、介绍 在前后端分离的开发过程中,会涉及到跨域的问题,比如本次个人使用的Django+vue的框架,在vue对Django进行响应,Django再将响应的数据返回给vue,vue在进行渲染,如果不设置跨域,数据就不能双向绑定,会出现错误。 二、前后端响应的基本原理 在vue中给定一个method(
阅读全文