Vue.js

1 . 下载chrome扩展插件。 在github上下载压缩包并解压到本地，github下载地址： https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd进入vue-devtools-master文件夹， 1. npm install，安装依赖包；如果安装太慢，就先安装淘宝镜像,命令行输入 $ npm install -g cnpm --registry=https://registry.npm.taobao.org。 安装完成后可以测试是否安装成功：可输入命令：$ cnpm -v 返回版本号说明安装成功 　现在就可以用 $ cnpm install 　2.cnpm run build 编译打包完后会在shells>chrome下的src文件夹里生产如上图所示的几个js文件； 3. 扩展chrome插件 　　1.打开chrome浏览器，点击右上角，打开更多工具>扩展程序； 　　 2.打开右上角的开发者模式。 再点击加载已解压的扩展程序，然后把shells>chrome文件夹放入 　　3.测试插件是否有效。运行Vue项目后 切换到Vue模式。 免责声明 本博客所有文章仅用于学习、研究和交流目的，欢迎非商业性质转载。 博主在此发文（包括但不限于汉字、拼音、拉丁字母）均为随意敲击键盘所出

<div id="cnblogs_post_body" class="blogpost-body"><p>Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。</p> <p>1）首先在github下载devtools源码，地址：<a style="color: #3194d0; text-decoration: none; background-color: transparent;" href="https://github.com/vuejs/vue-devtools%E3%80%82" target="_blank">https://github.com/vuejs/vue-devtools。</a></p> <p><img src="https://images2017.cnblogs.com/blog/1215920/201709/1215920-20170919205434540-2015837660.png" alt=""></p> <p> </p> <p><br> 2）下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。</p> <p><img src="https:/

1、使用customRequest customRequest 通过覆盖默认的上传行为，可以自定义自己的上传实现 Function 定义customRequest，之前定义action行为会被覆盖，可以注释掉 <a-upload name="file" :multiple="false" @change="changeFile" :customRequest="customRequest" > <a-button type="primary"> <a-icon type="upload" />导入Excel</a-button> </a-upload> 　 changeFile(info) { // 上传文件 if (info.file.status !== 'uploading') { console.log(info.file, info.fileList); } if (info.file.status === 'done') { this.$message.success(`${info.file.name} 上传成功`); } else if (info.file.status === 'error') { this.$message.error(`${info.file.name} 上传失败.`); } }, customRequest(data){ // 上传提交

介绍 CabloyJS 是一款免费开源的NodeJS全栈开发框架，采用前后端分离设计，具备开箱即用的后台管理系统 Cabloy-SDK 是专门为Uniapp应用量身定制的前端SDK，用于便捷的访问CabloyJS提供的所有API接口，让Uniapp前端开发再无 后顾之忧 特性 各个平台的小程序后端API系统，最复杂的就是账号体系对接。CabloyJS提供了一个模块化的生态，需要开发什么平台下的小程序应用，只需安装相应的模块即可 目前 Cabloy-SDK 支持以下平台小程序的开箱即用： 微信小程序 企业微信小程序 钉钉小程序 如何使用 - 前端 1. 导入插件 进入 Uniapp插件页面 ，点击按钮 使用HBuilderX导入插件 ，将 Cabloy-SDK 插件导入Uniapp项目中 强烈建议 下载示例项目 查看插件的基本用法 2. 修改main.js 在 main.js 文件中添加如下代码： import Vue from 'vue' import App from './App' import Cabloy from './js_sdk/cabloy-sdk' // 初始化cabloy const cabloyOptions = { base: { scene: 'default', locale: 'en-us', }, api: { baseURL: 'https:/

< div class ="upload-box clear" > < span class ="fl" > 上传图片 </ span > < div class ="artistDet-logo-box fl" > < el-upload :action ="this.baseServerUrl+'/fileUpload/uploadPic?filepath=artwork'" list-type ="picture-card" :class ="{disabled:uploadMainDisabled}" 　　　　　:file-list ="imagelist" :on-preview ="handlePictureMainPreview" :on-remove ="handleMainRemove" :on-success ="handleMainSuccess" :beforeUpload ="beforeAvatarUpload" > </ el-upload > < el-dialog :visible.sync ="dialogMainVisible" > < img width ="100%" :src ="dialogMainImageUrl" alt ="" > </ el-dialog > </ div > </ div >

<el-upload class="upload-demo" name="targetFile" ref="upload" :with-credentials="true" :limit="5" :file-list="fileList" :data="myData" :action="uploadUrl()" :headers="myHeader" :on-change="addFile" :on-remove="removeFile" :auto-upload="false" > <el-button size="small" type="primary">点击上传</el-button> </el-upload> --------------------- element-ui文件上传过程中，遇到的问题 首先搞清楚文件上传一般的请求方式都是post请求 请求携带的参数是通过name属性来指定键名的：例如 name="targetFile" ref绑定的是当前文件上传表单，将来可以通过this.$refs.upload.submit()请求上传文件的URL :with-credentials="true"代表支持发送 cookie 凭证信息 ：limit代表最大支持的文件上传个数 :file-list 是自己上传的文件列表，里面包含了自己上传的文件