![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
戴**
这个作者很懒,什么都没留下…
展开
-
vue通过ajax的方式进行文件下载
vue通过ajax的方式进行文件下载export function download(url, params) { return new Promise((resolve, reject) => { axios({ // 和后端协商好下载方法post/get? method: 'Post', url: url, data: params, headers: { 'Content-Type': 'applica原创 2021-01-04 20:14:24 · 1533 阅读 · 0 评论 -
VUE elementUI upload图片上传组件demo
<template> <div class="upload-container"> <el-upload :data="dataObj" multiple :limit="limit" :list-type="listType" :show-file-list="true" class...原创 2020-03-08 20:29:56 · 589 阅读 · 0 评论 -
vue bus
Vue消息总线->bus有些时候两个组价并不是父子组件的关系,也不在同一个下,这个时候他们两个组件之间的通信就可以用到busvue-bus 提供了一个全局事件中心,并将其注入每一个组件,你可以像使用内置事件流一样方便的使用全局事件。安装 npm install vue-bus如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装 vue-bus:import ...原创 2020-03-02 14:15:56 · 268 阅读 · 0 评论 -
VUE element-ui 文件上传组件上传编码格式问题解决方法 multipart
项目需要element-ui上传文件,但是直接用upload的时候一直报错,没有设置编码格式,编码格式件就不是 multipart/form-data* 网上找了很多方法都用不起, 头痛!直接设置好像也不行—>也有可能是自己太菜了.但是现在我终于找到了一个方法安装axiosnpm install axiosnpm install --save axios vue-axios...原创 2019-12-29 20:03:50 · 4238 阅读 · 3 评论 -
Echarts datazoom效果有时出来,有时不出来,或者是彻底没有效果
我要加一个这个东西,然后时有时无,刷新一下就肯定没有,但是切到其他页面,再切回来就有了,找了几天也不知道是什么原因,后来找哦很多资料才发现是因为,这个属性需要引入.import 'normalize.css';import ECharts from 'vue-echarts';import 'echarts/lib/chart/pie';import 'echarts/lib/chart...原创 2019-12-27 19:25:20 · 5360 阅读 · 2 评论 -
VU 自组件向父组件传值
子组件向父组件通信子组件向父组件通信也有两种方式:一种是使用自定义事件,另一种是使用¥refs在父组件中调用子组件的时候,绑定一个自定义事件和对应的处理函数。在templete中应用子组件的时候,定义channgeMsg<counter @changeMsgEvent=“ChangeMsg”></counter>用changeMsg监听事件是否触发Method...原创 2019-12-02 11:30:15 · 285 阅读 · 0 评论 -
grid布局详解
参考阮一峰 http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html原创 2019-11-29 14:41:51 · 500 阅读 · 1 评论 -
VUE slot插槽
slot插槽为父组件提供了安插内容到子组件中的方法,本文主要讲单slot插槽,具名slot插槽,slot作用域插槽引入我们在children里面写了一个span 发现span里面的内容并没有显示出来,因为运行的时候 children组件会替换掉 children标签所在的位置,就会直接覆盖掉span1.单slot插槽当子组件模板只有一个没有属性的slot时,子组件标签下的整个HTML内...原创 2019-11-28 21:49:04 · 230 阅读 · 0 评论 -
VUE-props(父子组件之间的传值)
静态props组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,需要通过子组件的 props 选项使用Prop传递数据包括静态和动态两种形式,下面先介绍静态props子组件要显式地用 props 选项声明它期待获得的数据var childNode = { template: '<div>{{message...原创 2019-11-28 20:31:37 · 1694 阅读 · 0 评论 -
VUE-ref $refs
如图,ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:在上面的例子中,input的引用信息为input1 ,$refs 是所有注册过的ref的一个集合,console.log(this.$refs.input1)//console.log(do...原创 2019-11-28 20:15:08 · 179 阅读 · 0 评论 -
VUE-computed
computed 计算属性计算属性的特点:1.计算属性使数据处理结构清晰.2.依赖于数据,若数据清晰,则处理结果自动更新3.计算属性内部this指向vm实例4.在调用模板时,直接计算属性名即可.5.常用getter方法,用于获取数据,也可以使用setter方法改变数据理解1.computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就...原创 2019-11-28 19:32:39 · 195 阅读 · 0 评论 -
VUEX
Vuex是状态管理工具,简单的来说VUEX可以帮我们管理“全局变量”,供任何页面在任何时候使用。VUEX特点:1).VUEX中的变量状态是响应式的,当某个组件读取该变量时,只要VUEX中的变量发生变化,对应的组件就会发生变化(类似于双向绑定)2)用户和程序无法直接改变VUEX中的变量,必须通过VUEX提供的接口来操作,该接口就是通过“commit mutation”实现的。正常的使用顺序...原创 2019-11-28 09:57:20 · 137 阅读 · 0 评论 -
VUE开发模式设置跨域访问
修改config/index.js文件model.exports={dev:{ proxyTable:{ ’/api’:{//对所有以URL开头的URL做处理 target:’http://siwei.me’,//转发到siwei.me上 changeOrigin:true, pathRewite:{ ’^api’:’’ //把URL中的/api去掉 }}}}}...原创 2019-11-28 09:18:58 · 358 阅读 · 0 评论 -
Es6 箭头函数的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!-- --><script> <...原创 2019-11-20 21:42:43 · 99 阅读 · 0 评论 -
vue cli 脚手架的使用
全局安装vue脚手架npm install -g @vue/cli 全局安装原创 2019-11-17 21:58:12 · 97 阅读 · 0 评论 -
webpack配置VUE
要使用vue就要安装VUE 安装VUE的话应该是npm install vue --save注意 这个地方就不加 -dev 因为生产环境的时候也是需要vue的原创 2019-11-16 21:20:12 · 91 阅读 · 0 评论 -
VUE快速搭建项目
作为一个前端小辣鸡 今天在网上找到了 一个 快速 无脑式搭建vue项目的方式分享一下#安装vue-clinpm install -g @vue/cli#创建项目mkdir projects && cd projectsvue ui # 通过图形界面创建项目vue create create-vue-app-in-2019 # or 通过命令行创建项目#选择项...转载 2019-11-16 14:20:25 · 271 阅读 · 0 评论 -
表单输入绑定
<div id="demo"> <form action="/xxx"> <span>用户名</span> <input type="text" v-model="username"><br> <span>密码</sp...原创 2019-07-23 14:42:37 · 125 阅读 · 0 评论