![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 897 阅读 · 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 · 9080 阅读 · 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 · 1293 阅读 · 1 评论 -
vue + webpack 如何配置成允许访问https接口
在配置代理时,将target的接口地址改成https的地址在并且增加一个配置项:secure:falsechangeOrigin为true代表允许跨域原创 2022-04-06 11:30:24 · 1440 阅读 · 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 · 1323 阅读 · 0 评论