Vue
Lizem。
这个作者很懒,什么都没留下…
展开
-
Vue3 通过调用函数的方式使用组件(手写饿了么Message功能)
需求项目中可能需要频繁用到某一组件,每次使用时要定义到模板,并写相同的渲染逻辑,例如消息提示组件。我们知道element ui 可以通过引入Message方法或直接调用this.$massage使用它的消息提示组件,我们也可以手写该功能。定义要调用的Vue组件定义一个MessageCom.vue组件,接收两个属性type:消息的提示类型text:消息的提示文本这里代码省略定义要引入的函数文件定义一个Message.js, 这是我们之后在组件中需要引入的函数文件。详解可看注释。imp原创 2022-04-05 03:34:53 · 5265 阅读 · 0 评论 -
Vue3.0踩坑 <Transition>标签配合v-if和v-else时代码失效和过渡失效的原因。
问题描述起因是我先用v-if和v-else完成图片加载前的骨架功能(在图片加载完成前会先显示骨架组件),代码截取如下:<ul v-if="goods.length" class="goods-list"> .....</ul><!-- 骨架屏组件 --><HomeSkeleton v-else bg="#f0f9f4" />以上代码的功能正常,直到我给外层添加了Vue的<Transition>过渡标签,本意是想让二者切换原创 2022-03-25 14:10:58 · 3613 阅读 · 4 评论 -
Vue中关于props的异步传值,父调子方法报错的原因。
###Vue中关于props是异步传值,父组件调用子组件方法的同时,子组件拿不到值的问题原创 2022-03-11 08:01:20 · 2208 阅读 · 0 评论