效果预览:
详细操作:
1.创建一个组件用于展示播放与暂停的svg图
2.在播放器组件中导入并使用
data:
method:
原理:设置播放暂停图标标签,用v-if、v-else与布尔值进行条件渲染,再在两个标签内部添加点击事件,当点击时变更布尔值从而达到所需效果
效果预览:
详细操作:
1.创建一个组件用于展示播放与暂停的svg图
2.在播放器组件中导入并使用
data:
method:
原理:设置播放暂停图标标签,用v-if、v-else与布尔值进行条件渲染,再在两个标签内部添加点击事件,当点击时变更布尔值从而达到所需效果