![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
看门猫
码农一个
展开
-
在Vue项目根据图片url获取file对象并用axios上传
在Vue项目根据图片url获取file对象并用axios上传图片url转file对象axios上传图片url转file对象<script>export default { data() { return { ruleForm: { coverUrl: "", coverFile: "" }, }; }, ...原创 2020-02-28 20:18:45 · 7433 阅读 · 0 评论 -
在Vue项目中获取视频的时长
在Vue项目中获取视频的时长传入参数为视频文件对象,js的代码如下:getVideoDuration(file) { var url = URL.createObjectURL(file); var audioElement = new Audio(url); var self = this; var result; audioElement.addEventListene...原创 2020-02-28 19:36:20 · 7231 阅读 · 7 评论 -
Vue项目中使用axios和element ui实现文件上传时的进度显示
Vue项目中使用axios和element ui实现文件上传时的进度显示html代码如下:<div v-if="progressSeen"> <el-progress :text-inside="true" :stroke-width="15" :percentage="progress" status="success" >&l...原创 2020-02-27 17:06:52 · 3259 阅读 · 1 评论 -
Vue项目数据变化被watch监听并处理
Vue项目数据变化被watch监听并处理监听当前vue文件数据监听vuex中的数据监听当前vue文件数据例如,当前的vue文件的data中有如下属性:data() { return { dialogFormVisible: false, }}要监听dialogFormVisible变量的数据变化,则代码如下:watch: { dialogFormVisible:...原创 2020-02-21 14:04:06 · 1488 阅读 · 0 评论 -
Vue项目刷新当前页面
Vue项目刷新当前页面问题描述解决方法原始方法vue自带的路由跳转使用provide / inject 组合问题描述我们在项目中执行某些增加、修改和删除的操作,使得当前页面元素的值发生了变化,为了在当前页面中观察到变化后的元素值,我们必须刷新当前页面。解决方法以下方法参考自:https://segmentfault.com/a/1190000017007631原始方法使用以下代码刷新页...原创 2020-02-19 21:34:12 · 364 阅读 · 0 评论 -
Vue前端框架学习(三):使用axios进行数据请求
Vue前端框架学习(三):使用axios进行数据请求axios的简介axios的安装axios的简介axios是一个基于promise的HTTP库,用于数据请求。它有一下特性:支持promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF由于现在官方已经不再更新vue-resource库,我们改为用axios进行数据请求。a...原创 2020-02-16 15:19:41 · 640 阅读 · 0 评论 -
解决vue组件间相同命名的class样式干扰的问题
解决vue组件间相同命名的class样式干扰的问题问题描述解决办法使用scoped使用scss问题描述比如在文件a.vue中,有以下样式:<style> . .main { height: 38px; }</style>在文件b.vue中,有以下样式:<style> . .main { height...原创 2020-02-12 16:29:37 · 4882 阅读 · 0 评论 -
跨域请求的解决方案和使用axios让请求头部携带含有登录标记的cookie的方法
跨域请求的解决方案和使用axios让请求头部携带含有登录标记的cookie的方法跨域与同源跨域请求的解决方案跨域下的登录保持跨域与同源当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域;相反地,所谓同源就是两个页面具有相同的协议,主机和端口号。若一个项目的前后端是分离的,那么前后端部署时就可能部署到不同的域名下或相同域名下的不同端口,那么这时的前后端是跨域的;若前后...原创 2020-02-01 16:45:23 · 3473 阅读 · 0 评论 -
解决js函数闭包中this指针指向变化而导致this.$router.push不起作用的问题
解决js函数闭包中this指针指向变化而导致this.$router.push不起作用的问题原创 2020-01-28 13:15:02 · 1068 阅读 · 0 评论 -
Vue前端框架学习(二):vuex状态管理模式的使用
Vue前端框架学习(二):vuex状态管理模式的使用vuex的简介vuex的安装与组成vuex的使用初始化数据创建一个mutation在页面中获取vuex数据在页面中修改vuex数据vuex的简介vuex是一个专门为vue.js应用程序开的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证以一种可预测的方式发生变化。它的应用场景为:多个视图依赖于同一状态。例如,个...原创 2020-01-10 15:21:25 · 237 阅读 · 0 评论 -
Vue前端框架学习(一):vue的安装及vue-cli的使用
Vue前端框架学习(一):vue的安装及vue-cli的使用node.js的安装node.js的安装你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。...原创 2020-01-07 14:46:45 · 403 阅读 · 0 评论 -
Vue学习(一):Vue的安装及使用Vue Cli快速生成新项目的脚手架
Vue学习:Vue的安装及使用Vue Cli快速生成新项目的脚手架前言Vue的安装Vue Cli的安装前言Vue是一套用于构建用户界面的渐进式前端框架,它的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合,利用Vue框架还可以迅速构建单页应用。详细信息请查看Vue的官方文档https://cn.vuejs.org/v2/guide/Vue的安装Vue的安装方法有很多,我是用...原创 2019-03-18 23:18:58 · 208 阅读 · 0 评论