随笔分类 - vue
摘要:必须同源(访问的网站域名与服务器域名一致)才能下载 downs() { var alink = document.createElement("a"); alink.href = this.shop.shoppic_url; alink.download = "pic"; //图片名 alink.c
阅读全文
摘要:一、什么是Proxy ? 1 . Proxy 这个词的原理为代理,在这里可以表示由它来“代理”某些操作,译为“代理器”。 2 . Proxy用于修改某些操作的默认行为,也可以理解为在目标对象之前架设一层拦截,外部所有的访问都必须先通过这层拦截,因此提供了一种机制,可以对外部的访问进行过滤和修改。 3
阅读全文
摘要:uni-app自定义导航栏按钮|uniapp仿微信顶部导航条 最近一直在学习uni-app开发,由于uniapp是基于vue.js技术开发的,只要你熟悉vue,基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。
阅读全文
摘要:后台使用el-upload完成上传,有时候会发现无法上传成功,会重定向至登录页面。 检查发现url请求并未添加cookie请求,cookie丢失导致无法完成验证。 el-upload组件默认请求是不带cookie的 解决方法:设置属性with-credentials为true支持发送 cookie
阅读全文
摘要:从零开始搭建Vue组件库 1. 环境准备 我们搭建组件库,需要准备一系列环境,首先我们要考虑一下问题: 脚手架如何搭建 如何规划目录结构 如何编写文档 首先,对于脚手架环境的问题,目前已经有非常成熟的vue官方的脚手架,我们拿来用就好了 # 全局安装 vue-cli $ npm install --
阅读全文
摘要:用element UI的upload上传组件上传文件,上传文件没有问题,但是通过data传参时,nodejs后台怎么也接收不到参数,一直显示“{}”;如下图 这个data 参数, 是后台上传如果有额外的其他参数的时候所post 的参数 并且,upload组件中上传的文件,默认参数名为file 所以上
阅读全文
摘要:FormData 对象的使用 FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用。如果表单enctype属性设为multipart/form-data ,则会使用表单的su
阅读全文
摘要:概要 用Vue.js + vue-router 创建单页应用,是非常简单的。使用Vue.js,我们已经可以通过组合组件来组成应用程序,当你要把vue-router 添加进来,我们需要做的是,将组件(componennts)映射到路由(routes) , 然后告诉vue-router在哪里渲染它们。
阅读全文
摘要:概述 手机端程序可以和企业微信进行整合,我们也可以使用企业微信JSSDK功能,实现一些原生的功能。 整合步骤 在整合之前需要阅读 整合步骤。 http://work.weixin.qq.com/api/doc#10029 1.引入JSSDK npm i -S weixin-js-sdk 这样就引入了
阅读全文
摘要:概要 我们在开发手机端程序的时候了,我们经常需要使用到拍照,二维码的功能.数字天堂公司提供了大量的原生API支持。 http://www.html5plus.org/doc/ 实现 1.在hbuilder 选择需要使用的模块 2.在组件代码中调用相应的API接口。 比如拍照: takePhoto()
阅读全文
摘要:概要 在开发时我们会经常需要使用到外部的JS,这样我们需要引入外部js,然后进行使用。 实现方法 我们在开发的过程中需要使用到 sha256 将用户的密码进行加密传输。 我们对js进行一点点改造。 /* 引入sha256,对其进行改造封装 初始化方法 拉取需要加密数据 获取结果 返回结果 */ fu
阅读全文
摘要:概要 vue 的一个特点是进行组件开发,组件的优势是我们可以封装自己的控件,实现重用,比如我们在平台中封装了自己的附件控件,输入控件等。 组件的开发 在vue 中一个组件,就是一个独立的.vue 文件,这个文件分为三部分。 1.模板 2.脚本 3.样式 我们看一个系统中最常用的组件。 <templa
阅读全文
摘要:概要说明 在开发的过程中,我们需要通过AJAX请求,访问后台获取数据,这个获取数据的时候,当然需要后台需要时登陆状态才能访问数据,当没有登陆的情况,这个时候我们需要跳转到登陆界面进行登陆。 如果每次请求都要做如下处理,我们的程序逻辑将无比混乱,ajax可以为我们解决这个问题 具体实现思路是: 1.发
阅读全文
摘要:概要 目前前端开发技术越来越像后台开发了,有一站式的解决方案。 1.JS包的依赖管理像MAVEN。 2.JS代码编译打包。 3.组件式的开发。 vue 是一个前端的一站式的前端解决方案,从项目的初始化,组件的开发,项目编译都提供了完整的开发工具。 vue 和 angular,react 比较的,个人
阅读全文
摘要:VUEX 状态管理 VUEX 是VUE提供的一个状态管理工具,具体他能做什么呢,比如有这样的业务场景: 用户在登录后,可以设置他的登录信息。去到用户主页,就可以显示这个用户的登录信息。 其实就是用来在不同的组件之间共享信息。 我们使用 vue-element-admin 为例,来讲解VUEX的使用。
阅读全文
摘要:dispatch:含有异步操作, 存储: this.$store.dispatch('setTargetUser',friend); 取值: this.$store.getters.TargetUser commit:同步操作, 存储: this.$store.commit('setTargetUs
阅读全文
摘要:模块开启命名空间后,享有独自的命名空间。 { "模块1":{ state:{}, getters:{}, mutations:{}, actions:{} }, "模块2":{ state:{}, getters:{}, mutations:{}, actions:{} } } mapState、m
阅读全文
摘要:状态管理bus //通过在lib 创建bus.js,作为一个bus状态管理模块 import Vue from 'vue' const Bus = new Vue() export default Bus //a.vue <template> <div> <button @click="handle
阅读全文
摘要:使用vue3.0创建一个项目 使用Vue UI创建、管理项目 项目结构目录整理 初始文件添加 基本配置 跨域配置 环境配置 下面尝试用test、preview、production分别表示测试、预览、生产三种环境 修改package.json文件如下 "scripts":{ "serve":"vue
阅读全文
摘要:第一种,子组件通过监听父组件数据,子组件改变数据之后通知给父组件 原文链接:https://blog.csdn.net/m0_37728716/article/details/81776929 父组件 => props[parent-data] => 子组件 => watch[parent-data
阅读全文

浙公网安备 33010602011771号