HTML5 Video视频支持外挂字幕，文件后缀名是.vtt，称为WebVTT格式，专门的web字幕格式。使用很简单，用一个<track>元素即可，例如：官方文档：https://w3c.github.io/webvtt/效果如下：****<video id="video"><source src="example.mp4" type="video/mp4">&

业务场景是后端返回数据，前端通过input输入框进行模糊筛选，并将筛选结果展示在下面例如接口返回的数据为：[{id:1, name:“课程1”}{id:2, name:“课程2”}{id:3, name:“续报”}]input输入框输入: 续报结果显示为： 续报input输入框输入: 课程结果显示为： 课程1 和 课程2<el-inputplaceholder="请输入内容"v-model=

在业务场景中，我们经常会接到上传文件的需求，Element的上传组件就做的很完善，今天就用这个组件库来介绍:上传组件一般的有几点要求：文件格式、大小、数量等。<el-uploadaction="''"multiple:http-request="imgUpload"list-type="picture-card":ref="$upload"accept=".jpg, .jpeg, .png

https://github.com/BrockReece/vue-faker/

在业务场景中，我们经常会接到上传文件的需求，Element的上传组件就做的很完善，今天就用这个组件库来介绍:上传组件一般的有几点要求：文件格式、大小、数量等。<el-uploadaction="''"multiple:http-request="imgUpload"list-type="picture-card":ref="$upload"accept=".jpg, .jpeg, .png

div代码中如何让一行的最后一列的右边距隐藏这里最重要的就是:last-child的使用.exchange-purchase-card {margin-right: 6px;cursor: pointer;}.exchange-purchase-card:last-child{margin-right: 0px;}

在业务场景中，我们经常会接到上传文件的需求，Element的上传组件就做的很完善，今天就用这个组件库来介绍:上传组件一般的有几点要求：文件格式、大小、数量等。<el-uploadaction="''"multiple:http-request="imgUpload"list-type="picture-card":ref="$upload"accept=".jpg, .jpeg, .png

饿了么框架的输入框实现搜索框功能第一种情况：失去焦点的时候触发事件：<el-input placeholder="请输入内容" v-model="input4" @blur="validateCounts"></el-input>查找methods: {validateCounts () {console.log('查找')}},第二种情况：每输入一个元素都会调用该方法&l

移动端H5页面开发中，我们一般采用Vant组件库进行开发。有时候因为业务要求比较个性化，需要实现有自己产品风格的组件功能，这个时候在组件库的基础上进行修改是比较费时间的，反而自己动手实现组件功能，写样式比较快一些。下面是Vant组件库的内容：标签栏滚动标签数量超过 5 个时，标签栏可以在水平方向上滚动，切换时会自动将当前标签居中。<van-tabs><van-tab v-for=

在当前页面中，选中了某个标签中的问题，然后跳转到问题页面，按返回按钮返回到当前页面，继续选中之前的选中标签实现效果如下图：实现逻辑如下：进入当前页面的时候，页面路由为http://localhost:8080/#/problem点击某个标签，页面路径修改为http://localhost:8080/#/problem?index=3index的值为选中的标签下标，这样就用当前路由记录了当前的标签选