gavinoldmen的专栏

VUE 中使用 video 插件 vue-video-player 结合 IView 中的 Carousel 走马灯 实现视频轮播，至于vue-video-player插件如何使用不在此进行说明，可查看上一篇文章。功能要求：1、走马灯不自动轮播，由用户手动触发轮播效果或视频播放完毕后触发轮播效果。2、视频不能初始化后就直接播放，要根据当前轮播索引只播放当前可视轮播3、手动触发轮播时从视频的开始位置重新播放。实现代码如下页面布局代码 <div clas

一、安装插件npm install vue-video-player --save二、配置插件，在main.js中全局配置插件import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoPlayer)三、使用插件，vue代码如下：<template&gt

VUE 使用 IView 实现Table Tree进行异步数据加载页面布局 <Table ref="thisTab" row-key="ID" :load-data="handleLoadData" :columns="columnsList" :data="familyList" :highlight-row="true" :disabled-hover=.

VUE 使用 IView 实现Tree进行异步数据加载，在页面初始化时默认加载二级数据，二级之后的数据再进行异步数据加载布局<Tree v-show="familyList[0].children.length > 0" ref="mytree" :data="familyList" :load-data="handleLoadData" @on-select-change="selChange" @on-check-change="ClickCheck" show-c

VUE 使用IView的Table 实现table tree，在增删改查后不整体刷新表格数据，只更新当前节点的数据整体实现思路增删改等操作后，通过当前行的数据ID，通过接口获取当前行数据更新后保存到数据库的最新数据（与table数据源返回的数据相同）对象，将table历史的数据源赋值给临时变量。对临时变量的数据通过递归进行更新，数据更新完成后在赋值给table数据源table标签其中 table 数据源为familyList <Table ref="thisTab.

VUE 使用IView 中的 CheckboxGroup 实现分组内单选功能，可以选择多个Checkbox，但是每组只能选择一个元素；整体实现思路，通过本次选择的结果和上次选择的结果对比，得到当前选择的元素id，根据当前选中的id找到当前元素的兄弟元素，将除过自己的兄弟元素从选中的集合中删除，从而达到组内单选的效果页面布局 <Collapse v-model="OpenPanel" v-show="DataList.length > 0 "> &lt

VUE 实现table 动态增加行增加列，且行内属性自定义最终实现效果如下图 源码<template> <div class="edit-box"> <div class="botom-box"> <Button type="primary" size="small" @click="AddRow">增加行</Button> <Button type="primary" size.