vue笔记总结
一码哥
这个作者很懒,什么都没留下…
展开
-
echart在vue中id重复问题
封装的echarts组件重复调用时,id重复会导致页面不渲染,数据覆盖等一系列问题解决方法:用ref解决了问题解决方法://修改前<div id="echart"></div>//修改后<div ref="echart"></div>初始化调用时,document.getElementById(‘xxx’)改成this.$refs.xxx//修改前var myChart = this.$echarts.i...原创 2021-03-09 20:33:21 · 1744 阅读 · 2 评论 -
vue使用provide / inject 友好刷新当前页面
provide / inject组合 方式是我试过最实用的,下面用项目截图给大家说明下:首先,要修改下你的app.vue通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了isRouterAlive //true or false 来控制然后在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,然后直接用this.reload来调用就行其他方法:1.新建一个空白页面supplierAllBa.原创 2021-02-21 14:24:03 · 431 阅读 · 0 评论 -
Vue父组件调用子组件的方法(亲测可用)
1.子组件使用ref,父组件直接调用(推荐) <child ref="mychild"></child> this.$refs.mychild.childMethod("嘿嘿嘿");2.子组件注册监听事件,父组件调用$emit触发 this.$refs.mychild.$emit('childMethod','嘿嘿嘿') // 方法1:触发监听事件//子组件注册监听事件 this.$on('childMethod', (res) ...原创 2020-07-01 16:44:26 · 438 阅读 · 0 评论 -
1.Vue子组件调用父组件的方法(亲测)
Vue中子组件调用父组件的方法,这里有三种方法提供参考第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child></child> </div></template><script>import child from '~/components/dam/child';expo...原创 2020-07-01 16:16:06 · 308 阅读 · 0 评论