不想用原生滚动条，用Element-ui隐藏组件el-scrollbar

news/2024/7/10 1:39:15 标签: vue, html, js

查看源码接受的props

props: {
  native: Boolean,  // 是否启用原生样式；默认false
  wrapStyle: {},  
  wrapClass: {},  // 标签样式  F12 查看
  viewClass: {},   
  viewStyle: {},
  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
  tag: {   // 自定义容器的标签
    type: String,
    default: 'div'
  }
},
// 使用
<el-scrollbar > 
	// 需要滚动的内容
</el-scrollbar>

个人推荐使用viewStyle代替viewClass，不然有时设置横向滚动样式时，不生效

http://www.niftyadmin.cn/n/1367768.html

vue 使用 this.$forceUpdate()页面没有刷新

所遇问题： 使用了select、input组件,v-model后值更新了，页面数据未同步change事件调用this.$forceUpdate()，没有效果解决办法：强制组件重新渲染 // 封装个forceUpdate方法 // 子组件在change调用 this.$emit(forceUpdate) // …

vue 、在element-ui的el-table组件中使用 el-select绑定对象时value-key的注意事项

// 绑定对象时设置了value-key，再次点击时不会高亮,找了源码发现key需要一致； // 相关源码 isEqual(a, b) {if (!this.isObject) {return a b;} else {const valueKey this.select.valueKey;return getValueByPath(a, valueKey) getValueByPath(b, va…

如何将浏览器中的坐标转换为 canvas 中的坐标

function convertToCanvas(canvas, x, y} {const canvasElement canvas.getBoundingClientRect() ;return { x: (x- canvasElement.left)*(canvas.width / canvasElement.width),y: (y - canvasElement.top)*(canvas.height / canvasElement.height)} }转换的逻辑是先使用鼠…

js浏览器版本判断

// 判断是否为IE浏览器 function isIE () {const bw window.navigator.userAgent// ie版本 10 及以下const compare (s) > bw.indexOf(s) > 0// ie 11const ie11 (() > ActiveXObject in window)()return compare(MSIE) || ie11 } isChrome() {const e navigator.…

vue动态路由刷新后无限循环、页面空白

使用的是PanJiaChen大佬的vue-admin-template模板下载大佬的权限管理模板运行正常，自己用来改造刷新就无限循环or页面空白，下面是改造成功的permission.js相关代码 // ！！！自己项目不需要token const hasGetUserInfo…

vue倒计时60秒

// _cutime 60resetTime(){let timerconst countDown ()>{this.time--;if(this.time < 0){clearInterval(timer);this.time _cutimethis.$forceUpdate()return}timersetTimeout(countDown,1000);}countDown()},

IE下载文件流，文件后缀名丢失

谷歌内核正常,IE下载无后缀名，打不开本次项目需要下载的文件就两种格式xlsx和zip所以走ie时手动添加后缀名就可以搞定了 export const download async({ url, params, method post, type xlsx }) > {const isget method.toLowerCase() get;const obj is…

vue Element-ui el-table合计行样式自定义、不换行显示

本项目由于合计汇总数字太多太长，又不能改变原width的情况下，就自定义样式超出点点点了，又要鼠标悬浮看全。js（设置‘title’） 配合 css（不换行） watch: {//loading 为v-loadingloading(bool) {…

不想用原生滚动条，用Element-ui隐藏组件el-scrollbar

相关文章