vue
宋芳芳
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
element ui 表格Table组件,根据文本宽度,实现表头宽度自适应
第一步安装: npm install af-table-column 第二步在main.js中引用: import afTableColumn from 'af-table-column' Vue.use(afTableColumn) 第三步使用: <!-- 默认用法,全部自适应 --> <el-table :data="data"> <af-table-column prop="field1" label="列1"></af-table-c原创 2022-04-19 16:48:04 · 1085 阅读 · 1 评论 -
Vue可视化大屏 利用缩放transform:scale实现分辨率自适应
,第一步:在data中设置默认宽高及缩放比,(宽高的值根据自己电脑的情况设置, 博主的是1920*1080) style: { width: "1920", height: "1080", transform: "scaleY(1) scaleX(1) translate(-50%, -50%)" } 第二步:在methods里添加两个方法 getScale() { const w = window.innerWidth / this.style.width; const原创 2022-04-07 17:17:46 · 9614 阅读 · 4 评论 -
vue + rem + less 可视化大屏自适应适配
(function(win, lib) { var doc = win.document var docEl = doc.documentElement var metaEl = doc.querySelector('meta[name="viewport"]') var flexibleEl = doc.querySelector('meta[name="flexible"]') var dpr = 0 var scale = 0 var tid .原创 2022-04-06 14:47:45 · 1424 阅读 · 1 评论 -
vue + webpack 如何配置成允许访问https接口
在配置代理时,将target的接口地址改成https的地址 在并且增加一个配置项: secure:false changeOrigin为true代表允许跨域原创 2022-04-06 11:30:24 · 1621 阅读 · 0 评论 -
实现:vue---列表循环滚动,鼠标悬浮停止
第一步:安装插件 npm install vue-seamless-scroll --save 第二步:在main.js直接导入使用 import scroll from 'vue-seamless-scroll' Vue.use(scroll) 第三步:使用 vue-seamless-scroll标签,标签中的属性: data属性的值holeCountData是列表数据 class-option属性的值optionHover是一个函数,下面会说明 seamless-warp是此盒子的样原创 2022-03-31 17:23:56 · 1488 阅读 · 0 评论
分享