Bing-haha

摘要： 用第三方组件或者UI框架会自带自身封装的事件，如keyup等，会覆盖原生的组件而无法起效果 .native 修饰符就是用来注册元素的原生事件而不是组件自定义事件的 如elementUI的：<el-input v-model="QueryText" placeholder="可输入如ab34" id= 阅读全文

摘要： 在common.js中： // 全屏 export function requestFullScreen(element) { const docElm = element; if (docElm.requestFullscreen) { docElm.requestFullscreen(); } 阅读全文

摘要： 让外层的盒子占位置，盒子的宽高比设置： // 防止图片加载的过程中，页面抖动 .wrapper width: 100% height: 0 overflow: hidden padding-botton: 100% .wrapper (浏览器兼容问题) width: 100 height: 100v 阅读全文

摘要： https://blog.csdn.net/edc3001/article/details/86833558 可以参考 阅读全文

摘要： 官网链接：https://cn.vuejs.org/v2/guide/components-slots.html 项目中具名插槽使用的较多。 封装的通用提示组件，如： 上图截的是注销提示，有的时候不同的情况下提示组件的提示内容不一样，这就要根据具体情况更改 组件中的text内容： 首先父组件使用Pr 阅读全文

摘要： 效果图： DOM部分： 子组件，也就是封装的Dialog.vue DOM部分： <template> <transition name="fade"> <div class="dialog-wrap" v-show="showMask"> <div class="dialog-mask"></div 阅读全文

摘要： https://www.cnblogs.com/jiayeyuan/p/10595215.html 阅读全文

摘要： 父组件： DOM部分 <el-table-column prop="img" :label="label" width="180"> <template slot-scope="scope"> <div class="img-wrap"> <img v-lazy="scope.row.album.p 阅读全文

摘要： 不足2位补'0'： 也有个函数padStart()，padEnd() https://blog.csdn.net/ixygj197875/article/details/79090578 export function pad(num, n = 2) { let len = num.toString 阅读全文

摘要： 实现点击分页器，平滑到对应的dom组件 主要用到的方法：Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 参考网址：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoV 阅读全文