vue
安稳先生℡
这个作者很懒,什么都没留下…
展开
-
vue中的总线及动画简述
vue中的总线及动画简述总线机制解决非父子组件之间传值的问题(bus/总线/发布订阅模式/观察者模式)动画 总线机制解决非父子组件之间传值的问题(bus/总线/发布订阅模式/观察者模式) Vue.prototype.bus = new Vue(); 理解: 在vue的prototype上挂载了一个bus属性,当后续实例化的时候,vue实例就会有bus属性。 在子组件方法中,通过**this.bus.$emit(‘funName’, data);**向外触发 在子组件钩子函数mounted中通过bus进行监原创 2021-03-31 15:39:06 · 217 阅读 · 0 评论 -
vue基础细节及常见问题解决
使用vue过程中的一些小细节is属性解决浏览器渲染固定标签警告问题ref引用的理解父组件向子组件传值单项数据流的概念 is属性解决浏览器渲染固定标签警告问题 在浏览器解析html结构时,table中tbody下只能是固定的写法(select-option/ul-li/ol-li同理),当我们tr-td是作为子组件渲染出来的内容时,浏览器不会直接将子组件内容转换为固定识别的tr-td,此时可以用is属性解决解决该问题。如: <div id="root"> <table> &原创 2021-03-30 18:21:14 · 308 阅读 · 0 评论 -
vue中img属性绑定src两种解决方法
说明: 当图片中src文件夹下assets内时,我们直接在Dom中以img插入时,图片是可以正常显示,没有问题的。 但是,现在我说的情况是我们在data中以数组形式遍历出来时遇到的图片不显示的问题,以下为两种解决方案,大家自行选择。 方法一:移动目标图片到static文件夹下 <img :src="banner.imgUrl" :alt="banner.name" style="hei...原创 2019-02-27 20:49:21 · 10779 阅读 · 0 评论