logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中实现 【 Video视频进度条不能拖动,且能倍速播放 】,用vue-video-player插件,封装成组件的方法步骤

一、安装vue-video-player 插件npm install vue-video-player -S二、引入1、全局引入,main.jsimport VideoPlayer from 'vue-video-player'import 'vue-video-player/src/custom-theme.css'import 'video.js/dist/video-js.css'Vue.u

文章图片
#vue.js#音视频#javascript
vue实现 【echarts中 “4种” Gauge仪表盘进度条图例】的组件封装及调用

1、安装echartsnpm install echarts --save2、在需要的页面引入import * as echarts from "echarts"3、echarts.vue 组件<template><div class="per_page"><div id="perChart"></div><img class="per_img

文章图片
#vue.js#javascript#前端
vue实现 【echarts中 “9种” Pie饼图图例】的组件封装及调用

1、安装echartsnpm install echarts --save2、在需要的页面引入import * as echarts from "echarts"3、创建组件 PieChart.vue<template><div><div id="pie"></div></div></template><script&g

文章图片
#echarts#vue.js#elementui
vue实现【echarts中 “12种” Bar柱状图图例】的组件封装及调用

1、安装echartsnpm install echarts --save2、在需要的页面引入import * as echarts from "echarts"3、创建组件personChart.vue<template><div><div id="person"></div></div></template><scr

文章图片
#echarts#vue.js#前端
vue实现【echarts中 “4种” Radar雷达图图例】的组件封装及调用

1、创建组件 RadarChart.vue<template><div><div id="radar"></div></div></template><script>import * as echarts from 'echarts'export default {props: {ShabitList: {type

文章图片
#echarts#elementui#javascript
vue下elmentui中 el-popconfirm 气泡确认框

问题描述:点击el-popconfirm 气泡确认框时,同时会影响外层div的@click事件的弹出解决方法:为el-popconfirm标签里层的el-button标签加上 @click.stop="" 事件即可<div v-for="(chi,chiIndex) in me.children" :key="chiIndex" @click="toDetail(chi,me.type)"&

文章图片
#前端
【uniapp】 实现移动端自定义下拉层级筛选功能组件的封装和调用

点击一级标题时,展示选中效果,关闭筛选弹窗,加载课程列表点击一级标题时,展示选中效果并展示二级标题列表点击二级标题时,展示选中效果,关闭筛选弹窗,加载课程列表点击一级标题时,展示选中效果并展示二级标题列表点击二级标题时,展示选中效果并展示三级标题列表点击三级标题时,展示选中效果,关闭筛选弹窗,加载课程列表1、当点击一级标题时,获取点击的id,传给需要id参数的接口2、当点击二级标题时,找到一级下的

文章图片
#前端
js+html怎么实现【图片自动切换轮播】的效果

html:<div class="imgBox"><ul><li class="item"><a href="#"><img src="images/mobile/pic.png" alt="" class="lunbo"></a></li><li class="item"><a href="#"

文章图片
#前端#css
vue 中 elmentui下 el-tabs组件的 before-leave 切换拦截的使用

需求:1、判断当前试题是否做过,做过才可切换至下一题,反之加提示2、按题序往下做,已做过的题可切换查看历史记录,反之加提示一、参考el-tabs参数before-leave 方法进行拦截校验二、创建view页面此处question数组试题列表数据省略......<el-tabs v-model="qidValue" :before-leave="beforeLeave"><el-

文章图片
#前端
vue实现【echarts中 “12种” Bar柱状图图例】的组件封装及调用

1、安装echartsnpm install echarts --save2、在需要的页面引入import * as echarts from "echarts"3、创建组件personChart.vue<template><div><div id="person"></div></div></template><scr

文章图片
#echarts#vue.js#前端
暂无文章信息