黄子涵

上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 49 下一页
摘要: 任务 1 条件渲染指令 6.1.1 V-if 指令 6.1.2 v-else 指令 6.1.3 v-show 指令 6.1.4 v-if 与 v-show 的选择 任务2 列表渲染 v-for 指令 6.2.1 基本用法 6.2.2 遍历对象 6.2.3 遍历数组 6.2.4 key 属性 6.2. 阅读全文
posted @ 2022-06-06 14:26 黄子涵 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 5.1 connect-mock-middleware 工具的使用 5.1.1 添加 middleware 5.1.2 写 mock 文件 5.2 Mock.js 语法 5.2.1 Mock.js 基本介绍 5.2.2 Mock.js语法规范 5.3 snail mock 工具使用 5.4 Axio 阅读全文
posted @ 2022-06-06 14:19 黄子涵 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 我们之后讨论多个组件的过渡,对于原生标签可以使用 v-if/v-else。最常见的多标签过渡是一个列表和描述这个列表为空消息的元素: <transition> <table v-if="items.length > 0"> <!-- ... --> </table> <p v-else>Sorry, 阅读全文
posted @ 2022-06-06 11:40 黄子涵 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 这里还有一个问题,请看下面的按钮: 在“on”按钮和“off”按钮的过渡中,两个按钮都被重绘了,一个离开过渡的时候另一个开始进入过渡。这是 <transition> 的默认行为 - 进入和离开同时发生。 在元素绝对定位在彼此之上的时候运行正常: 然后,我们加上 translate 让它们运动像滑动过 阅读全文
posted @ 2022-06-06 09:31 黄子涵 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 可以通过 appear attribute 设置节点在初始渲染的过渡 <transition appear> <!-- ... --> </transition> 这里默认和进入/离开过渡一样,同样也可以自定义 CSS 类名。 <transition appear appear-class="cus 阅读全文
posted @ 2022-06-06 08:49 黄子涵 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 概述 单元素/组件的过渡 初始渲染的过渡 多个元素的过渡 多个组件的过渡 列表过渡 可复用的过渡 动态过渡 阅读全文
posted @ 2022-06-06 07:36 黄子涵 阅读(18) 评论(0) 推荐(0) 编辑
摘要: Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 这里是一个典型的例子: <div id="demo"> <button v-on:click="show = 阅读全文
posted @ 2022-06-05 22:04 黄子涵 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 可以在 attribute 中声明 JavaScript 钩子 <transition v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:after-enter="afterEnter" v-on:enter-cancelled="ent 阅读全文
posted @ 2022-06-05 21:59 黄子涵 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 2.2.0 新增 在很多情况下,Vue 可以自动得出过渡效果的完成时机。默认情况下,Vue 会等待其在过渡效果的根元素的第一个 transitionend 或 animationend 事件。然而也可以不这样设定——比如,我们可以拥有一个精心编排的一系列过渡效果,其中一些嵌套的内部元素相比于过渡效果 阅读全文
posted @ 2022-06-05 21:23 黄子涵 阅读(24) 评论(0) 推荐(0) 编辑
摘要: Vue 为了知道过渡的完成,必须设置相应的事件监听器。它可以是 transitionend 或 animationend,这取决于给元素应用的 CSS 规则。如果你使用其中任何一种,Vue 能自动识别类型并设置监听。 但是,在一些场景中,你需要给同一个元素同时设置两种过渡动效,比如 animatio 阅读全文
posted @ 2022-06-05 20:57 黄子涵 阅读(36) 评论(0) 推荐(0) 编辑
上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 49 下一页