vue
文章平均质量分 50
_ForeverYouth_
欲望以提升热忱,毅力以磨平高山
展开
-
ElementUI 中 ElImageViewer 组件的使用与属性说明
ElementUI 中 ElImageViewer 组件的使用与属性说明ElImageViewer是Image组件的内置组件,主要实现图片的预览功能,对于这个组件官方文档没有过多介绍,但有些需求可以单独使用使用方法<!-- 这里用 v-if 和 v-show 的区别是 v-if 每次都会重置默认第一张预览图,由 initialIndex 属性指定,而 v-show 会缓存上次切换的那张图 --><el-image-viewer v-if="showViewer" :in原创 2021-12-03 14:11:59 · 2410 阅读 · 0 评论 -
适合初学者入手的vue项目(2)
适合初学者入手的vue项目(2) 鉴于我之前一篇博客适合初学者入手的vue项目这个项目对现在来说有点太老了,那个项目现在其实不是很推荐大家去写了。 现在Vue3.2也出来了,Vite+Vue3+TS一定是未来的趋势。所以说学习是不能停止的,今天给大家推荐的项目在B站搜索Vue.js 移动端项目实战(今日头条)这个就好,当然你也可以点我这个链接打开。这个项目是Vue2.6那个版本的,资料很全,接口地址完整(有的接口会有些问题,不用钻牛角尖)。不是说Vue3出来了就不用学Vue2了,Vue3也只是加了原创 2021-08-27 17:09:28 · 1811 阅读 · 9 评论 -
web开发杂记
web开发杂记ios在ios系统浏览器中输入框得到焦点时页面自动放大<meta name="apple-mobile-web-app-capable" content="yes"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">移动端ios浏览器双指禁止放大页面<原创 2021-08-24 09:26:45 · 124 阅读 · 0 评论 -
vue中 methods watch computed的执行顺序
vue中 methods watch computed的执行顺序今天在做项目的时候,遇到一个问题,一直告诉我一个函数未定义。因为我是使用的计算属性(computed)给子组件传递的数据,于是我就写了一个demo测试了一下。 <div id="app"> <h2>{{currentTabComponent}}</h2> <button @click="changTab">点击切换</button> </div原创 2020-10-16 23:01:22 · 1192 阅读 · 1 评论 -
vue中axios的二次封装
vue中axios的二次封装封装src目录下新建 api 文件夹api文件夹下新建 http.js 文件import axios from "axios"import qs from "qs"// 根据环境变量区分接口的默认地址// switch(process.env.NODE_ENV) {// case "production": // axios.defaults.baseURL = "";// break;// case "test"://原创 2021-01-13 15:24:24 · 598 阅读 · 0 评论 -
vue如何监听dom元素滚动到了可视区?
vue如何监听dom元素滚动到了可视区?场景:当某个元素滚动到可视区时,为其添加动画样式(animate.css)。common/utils.jsexport const isElementNotInViewport = function(el) { if (el) { let rect = el.getBoundingClientRect(); return ( rect.top >= (window.innerHeight || document.document原创 2020-12-26 13:12:28 · 3214 阅读 · 0 评论 -
如何解决vue项目(cli3以上)中的跨域问题(axios版)
如何解决vue项目(cli3以上)中的跨域问题(axios版)今天在写项目的时候突然网络请求发送不出去,一看是出现了跨域问题,如下图。要想解决这个问题,我们必须先了解什么是跨域,当然你想直接看解决方法可以直接下滑拉。什么是跨域?跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。这里说明一下,无法跨域是浏览器对于用户安全的考虑,如果自己写个没有同源策略的浏览器,完全不用考虑跨域问题了。是浏览器的锅,对。同源策略限制了一下行为:原创 2020-12-11 17:28:18 · 449 阅读 · 0 评论 -
适合初学者入手的vue项目
项目介绍写在前面这里是项目地址,如果觉得对你有帮助的话就给我点个星星8这是一个简单的vue项目,适合初学者练手。在这里特别感谢coderwhy老师提供的接口,想要接口的小伙伴请添加老师微信coderwhy00技术栈html + css + jsES6AJAX (项目里用的是封装过的axios)Vue + VueCli + Vuex + VueRouter (Vue全家桶)效果图能学到什么锻炼刚学过的知识组件化开发的思想,以及封装一些公共的组件特别常用的组件可以把原创 2020-10-19 21:05:19 · 7602 阅读 · 8 评论 -
vue生命周期
vue实例的生命周期什么是生命周期:从vue实例创建,运行,到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子:就是生命周期事件的别名而已;主要的生命周期函数分类;创建期间的生命周期函数:beforeCreate:实例刚在内存中创建出来,此时,还没有初始化好 data 和 methods属性created:实例在已经内存中创建完成,此时 data 和 methods 已经创建ok,此时还没有编译模板beforeMount:此时已经完成了模板的编译,但是还没有挂在原创 2020-09-08 23:14:00 · 186 阅读 · 1 评论