vue
hl_Abel
这个作者很懒,什么都没留下…
展开
-
vue 父与孙组件的传值
摘自:https://www.cnblogs.com/lovecode3000/p/12709231.html多级组件嵌套需要传递数据时,通常使用的方法是通过vuex。如果仅仅是传递数据,而不做中间处理,使用 vuex 处理,未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法:使用 v-bind=”$attrs”, 将父组件中不被认为 props特性绑定的属性传入子组件中,配合 interitAttrs 选项一起使用。之所以要提到这两个属性,是因为两者的出现使得组件之间跨组件的通信在不依赖 vu原创 2022-03-04 09:14:27 · 2207 阅读 · 0 评论 -
vue中在mounted中window.onresize不生效
在vue开发中,因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。解决方案==>可以采用下面的方式window.onresize = () => this.screenWidth = window.innerWidth // 改为以下写法window.addEventListener('resize', () => this.screenWidth = window.innerWidth, false)...原创 2021-08-26 10:46:09 · 759 阅读 · 0 评论 -
vue 新窗口打开路由页面
const {href} = this.$router.resolve({ path: '/a', query: { code: '123', }})window.open(href, '_blank')原创 2021-05-15 16:33:48 · 1477 阅读 · 0 评论 -
vue移动端可拖动div
一、plugins下新建drag.jsexport default { inserted (el) { let switchPos = { x: 10, y: 85, startX: 0, startY: 0, endX: 0, endY: 0 } el.addEventListener('touchstart', function (e) { console.log(e) swit原创 2021-04-22 17:22:48 · 356 阅读 · 0 评论 -
vue移动端强制横屏展示
一、在 index.html 中加入计算 font-size 代码window.calcFontSize = () => { document.documentElement.style.fontSize = Math.min( document.documentElement.clientWidth, document.documentElement.clientHeight原创 2021-04-22 17:14:48 · 2996 阅读 · 0 评论 -
Vue防止重复点击重复弹出message弹框
解决办法重写 element $message方法第一步:在plugins中引入 resetMessage.js/**重置message,防止重复点击重复弹出message弹框 */import { Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.c原创 2021-02-23 09:21:56 · 873 阅读 · 0 评论 -
如何比较两个对象数组是否相等
let objArr = [{ nema: "123", age: "19"}, { name: "234", age: "22"}]; let obj2Arr = [{ nema: "123", age: "19"}, { name: "234", age: "22"}];console.log(JSON.stringify(objArr) === JSON.stringify(obj2Arr)); //true原创 2020-11-23 18:46:28 · 1227 阅读 · 0 评论 -
解决vue-cli 3 打包后vendor.js文件过大问题
第一步 用cdn引入各种包 (vue、vuex、vue-router、element-ui、axios、echarts等)第二步在使用vue等包的地方,注释掉import引入在main.js在store文件加中的index.js在api/request.js文件中在router/index.js文件中第三步 打包忽略vue等包在vue.config.js中,加上configureWebpack配置并将productionSourceMap设为false到此如果打完包后 ven原创 2020-11-11 14:31:42 · 1427 阅读 · 0 评论 -
不使用Vuex实现Vue 中父子组件、兄弟组件通信
Vue 中父子组件、兄弟组件通信(不使用Vuex)一、父子组件通信1.父组件与子组件通信(通过props属性来完成的)props 可以是数组或对象,用于接收来自父组件的数据。props 可以是简单的数组,或者使用对象作为替代,对象允许配置高级选项,如类型检测、自定义校验和设置默认值。1.1.父组件是通过props属性给子组件通信的父组件:<div id="parent"> <child-f :child1-content="content1" :child1-name="n原创 2020-07-30 11:43:44 · 295 阅读 · 0 评论 -
element table动态加载数据并添加fixed属性后页面错行
在使用element table组件 动态加载数据并使用fixed属性时,页面会出现错行的现象:解决办法在获取到table数据后重新计算table布局:that.$nextTick(()=>{ that.$refs.teacherTable.doLayout()})并设置样式:/deep/ .el-table__fixed { height: 100% !important;}...原创 2020-07-30 10:26:33 · 1584 阅读 · 1 评论 -
vue使用pdf.js实现在线预览pdf文件
vue使用pdf.js实现在线预览pdf文件1.到PDFJS官网 http://mozilla.github.io/pdf.js/getting_started/#download 下载pdfjs插件包,注意下载Stable稳定版的包。将下载的压缩包解压并放入项目中。2.使用方法3.出现问题1.到PDFJS官网 http://mozilla.github.io/pdf.js/getting_started/#download 下载pdfjs插件包,注意下载Stable稳定版的包。将下载的压缩包解压并放入项原创 2020-07-17 18:18:38 · 1908 阅读 · 0 评论 -
element 修改下拉选的默认样式
无法修改选择下拉框的主要原因是,选择下拉的标签并没有插入到body标签中,打开控制台你可以看到这个标签和script标签处于同一层级,所以,解决的办法就是: 给<el-select>标签添加一个属性 :popper-append-to-body="false" 添加后就可正常的修改属性了...原创 2020-06-02 12:00:46 · 846 阅读 · 0 评论 -
仿element自定义进度条
由于element官网进度条是按百分比显示的 可选值只有0-100;如果是一个量值的显示,如图这样的用element进度条实现起来就比较麻烦,所以就有了下边的自定义进度条github: https://github.com/Hans-326/ProgressBar...原创 2020-07-01 11:29:47 · 603 阅读 · 0 评论