logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

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.js#前端#算法
vee-validate 4.0.3 ,实现Vue3表单校验。

安装:npm i vee-validate@4.0.3导入:import { Form, Field } from 'vee-validate'components: { Form, Field },<Form>用来替换原生<form>, <Field>用来替换原生<input>基本使用:<Form :validation-schema="sc

#前端#javascript#vue.js
Vue3 通过调用函数的方式使用组件(手写饿了么Message功能)

需求项目中可能需要频繁用到某一组件,每次使用时要定义到模板,并写相同的渲染逻辑,例如消息提示组件。我们知道element ui 可以通过引入Message方法或直接调用this.$massage使用它的消息提示组件,我们也可以手写该功能。定义要调用的Vue组件定义一个MessageCom.vue组件,接收两个属性type:消息的提示类型text:消息的提示文本这里代码省略定义要引入的函数文件定义一

#vue.js#javascript#前端
到底了