![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
异世城
这个作者很懒,什么都没留下…
展开
-
Vue:滚动页面到指定位置实现
在Vue中,有三种方式可以实现H5页面滑动至指定位置方法1://先获取目标位置距离mounted() { this.$nextTick(() => { setTimeout(() => { let targetbox= document.getElementById('targetbox'); this.target= targetbox.offsetTop; }) })}//再滑动指定距离document转载 2022-01-29 11:18:55 · 15728 阅读 · 3 评论 -
vue组件中this和$el指向
示例代码为element ui 源码的select组件源码控制台输出:结论:this指向组件的实例。$el指向当前组件的DOM元素。转载 2022-01-25 10:48:15 · 300 阅读 · 0 评论 -
Element-UI 框架 el-scrollbar 组件
快速使用<el-scrollbar> <li v-for="user in userList" :key="user.id">{{user.name}}</li></el-scrollbar>具体实例<el-scrollbar wrapClass="yf-container" viewClass="yf-content" wrapStyle="color:'#fff';fontSize:'16px'转载 2021-12-11 18:51:46 · 232 阅读 · 0 评论 -
element-ui Drawer 内容全部屏幕高度不能滑动
解决办法:/1.显示滚动条:当内容超出容器的时候,可以拖动:/.el-drawer__body{ overflow: auto; }/2.隐藏滚动条,太丑了/.el-drawer__container ::-webkit-scrollbar{ display: none; }作者:昨夜剑客链接:https://juejin.cn/post/6992807144949039111来源:稀土掘金著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。...转载 2021-10-29 10:25:38 · 1039 阅读 · 0 评论 -
VUE iframe实现加载(Loading)效果
<template> <div style="height:1000px;" v-loading="loading"> <iframe ref="Iframe" src="https://www.taobao.com/" width="100%" height="100%" frameborder="0"> </iframe> </div></t.转载 2021-09-28 11:39:52 · 2933 阅读 · 0 评论 -
Vue项目中$t()的意思
一般项目vue文件中将会把中文字符的数量拉至最低,这时候需要用一个文件容器来储存他们。举例:<el-form-item:label="$t('staffManage.modal.userName')"prop="userName"class="is-required"> <el-input v-model="formValue.userName" :placeholder="$t('staffManage.modal.placeholder')" /&.转载 2021-09-03 13:22:15 · 9757 阅读 · 1 评论 -
vue devServer之proxy跨域
概念什么是同源策略同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。所谓同源是指:协议、域名、端口都相同什么是跨域跨域就是不同源,就是不满足协议、域名、端口都相同的约定如:看下面的链接是否与 http://www.test.com/index.html 同源?http://www.test.com/dir/login.html 同源https://转载 2021-09-03 09:41:43 · 774 阅读 · 0 评论