Vue
miles-zh
前端小白,请多关照!!!
展开
-
Vue 后台返回二进制流下载文件
问题:文件下载,后台返回的数据是二进制流 // 使用axios,从后台获取文件二进制流 axios({ url:url, responseType:'arraybuffer' }).then((res)=>{ if (!res) return; let aurl = window.URL.createObjectURL( new Blob([res], { type: "application/octet-stream" }) .原创 2020-09-25 16:18:37 · 1952 阅读 · 0 评论 -
Vue-element-admin 开发过程中错误总结
打包后,浏览器访问dist中的index.html文件,无法找到文件// 将动态创建路由中的mode的值设为‘hash’new Router({ // mode: 'history', // require service support mode: 'hash', ....});原创 2020-08-05 20:14:22 · 254 阅读 · 0 评论 -
Vue + Echart 绘制地图区域标记
绘制地图区域绘制地图区域绘制标记配置项添加scatter图标类型mapOption:{ geo: { map: "QN" }, series:[ { name: "", // series名称 type: "scatter", // series图表类型 coordinateSystem: "geo", // series坐标系类型 label: { show: tru原创 2020-07-07 19:05:30 · 1882 阅读 · 0 评论 -
Vue + Echarts 绘制区域图
npm install echarts安装 echarts导入echarts和地图区域JSON,获得地图区域JSONimport echarts from "echarts";import mapJson from "./mapjson/522700_full.js";配置项mapOption: { title: { text: "", subtext: "", sublink: "" }, tooltip: { ..原创 2020-07-06 19:42:44 · 2957 阅读 · 0 评论 -
Vue错误总结
打包后,浏览器浏览index.html文件空白,或者无法跳转。解决办法:// 主要原因时由于打包后的文件路径错误,在项目目录下建一个vue.config.js文件// 进行如下设置module.exports = { publicPath:'./' // 设置打包后文件的引用路径为相对于dist目录下的文件}安装vue-cli后不能使用vue ui命令vue : ...原创 2020-02-27 14:55:45 · 420 阅读 · 0 评论 -
Vue快速应用的相关组件库
Mint UImint-ui基于 Vue.js 的移动端组件库文档连接 Mint UIElement UIElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库文档连接 Element UI...原创 2019-11-13 10:43:49 · 82 阅读 · 0 评论 -
Vue中的脚手架Vue-cli
运行:npm i npm install -g @vue/cli 安装vue-cli运行:vue create ‘hello’ 创建一个叫‘hello’的项目选择default(babel,eslint)快速创建一个新项目的原型或者选择Manually select features,手动选择要安装的依赖...原创 2019-11-13 10:41:56 · 112 阅读 · 0 评论 -
Vue中的Vue-Router
运行:npm i vue-router -S 安装vue-router在src目录下新原创 2019-10-23 22:15:56 · 311 阅读 · 0 评论 -
Vue中的Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。安装Vuex运行:npm i vuex --save安装vuex在模块化的打包系统中,必须显式地通过 Vue.use() 来安装 Vueximport Vue from 'vue'import Vuex from 'vuex'V...原创 2019-10-23 16:14:43 · 181 阅读 · 0 评论 -
Vue中的数据交互
父组件与子组件之间传值父组件向子组件传值,通过prop传值组件中的代码 <childComponent msg="hello" title="son" />子组件中的代码 <p>{{msg}}--{{title}}<p/>props:['msg','title'] // props是跟data和methods等同级别的子...原创 2019-10-23 16:09:26 · 1117 阅读 · 0 评论