![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
HoShining
这个作者很懒,什么都没留下…
展开
-
vue——echarts柱状图横轴文字太多放不下【处理办法】
1. 如果单纯是文字太多,且中间无法分割开的话,可以采用两种方式:文字倾斜展示效果:在options配置中的xAxis中配置如下代码:axisLabel: { interval: 0, rotate: 40, },文字竖直显示效果:在options配置中的xAxis中配置如下代码:axisLabel: { interval: 0, formatt原创 2021-01-25 16:33:39 · 5245 阅读 · 1 评论 -
vue——element-ui 导航刷新失去高亮【解决办法】
网上找了很多人的方法,感觉都有点太复杂。我这种很简单就实现了,可以试一下。在导航增加以下红框的标注在data中增加原创 2021-01-19 15:34:58 · 289 阅读 · 1 评论 -
vue——vue-video-player插件实现rtmp直播流
安装前首先需要注意几个点:vue-video-player插件,其实就是 video.js 集成到 vue 中 ,所以千万不要再安装 video.js,可能会出错。视频流我这个项目选择rtmp格式,实时性高,稳定性也高,但是依赖flash插件,如果视频不能正常播放,不排除浏览器禁用了flash的可能性。播放 HLS 流,需要 videojs-contrib-hls 插件,如果需要 RTMP 流,需要 videojs-flash 插件。都是直接引用,因为在安装vue-video-player插件时,hl原创 2021-01-14 12:50:25 · 3627 阅读 · 7 评论 -
vue+element-ui——双层对话框(dialog)嵌套,打开内层dialog时,需点击才可高亮(解决办法)
外层dialog:点击后出现内层dialog,外层我去掉了原先的白色背景,打开内层后,背景也变成了白色。内层dialog:修改方法:在内层dialog引入时,增加append-to-body;<el-dialog :visible.sync="dialog" append-to-body :before-close="handleClose">然后就出现这样啦!...原创 2020-12-18 12:17:18 · 2114 阅读 · 0 评论 -
vue——v-for动态循环的div,一排3个,padding-right为120,让最后一个padding-right设为0
处理前:(主要看ABC三部分,现在要做的是去掉C部分的padding值)处理后:开始处理:定义div <div class="introduction_inner-g-item " v-for="(item,index) in useType" :key="index" :class="(index + 1) % useType.length == 0 ?'noright':'margin-right-120'"> <原创 2020-11-07 15:22:20 · 2761 阅读 · 0 评论 -
element-ui中el-form自定义验证(调用后端接口)
需求在输入项目名称后,调用后端接口isNameOnly,若已存在,则效果如下图:先设置校验规则rules<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">在return中定义// 判定规则 rules: { taskName: [{原创 2020-10-19 18:11:56 · 5062 阅读 · 1 评论 -
element-ui中table——sortable属性失效
sortable属性效果在开发过程中,我将表格内容用template 来盛放<el-table-column label="项目名称" sortable align="center" min-width="60%" key="1" show-overflow-tooltip > <template slot-scope="tableData" > <span class="taskName" >{{ tableData.row.taskN原创 2020-10-12 15:15:18 · 3007 阅读 · 0 评论 -
element-ui中table——单元格文本内容鼠标移入变色
单元格文本内容鼠标移入变色——只有在鼠标移入需要改变样式的单元格时,该单元格才会改变样式,而非移入本行中任意一个元素,该单元格都会改变样式效果:鼠标移入前:鼠标移入后:代码:html<el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 85vw"> <el-table-column type="index" :ind原创 2020-10-12 11:56:53 · 4331 阅读 · 0 评论 -
vuex基础用法流程(actions,mutations)
vuex基础用法流程在store文件夹中新建“index.js”、“action.js”、“mutations.js”1. index.jsimport Vue from 'vue'import Vuex from 'vuex'import mutations from './mutations'import actions from './action'Vue.use(Vuex)//此处定义state变量const state = { userName:'', //登录原创 2020-10-11 10:16:58 · 213 阅读 · 2 评论 -
Vue——post调用后端接口并将数据回显到table中
post调用后台接口呈现效果:1.HTML< template>//这里的ruleForm在2.script -> export default -> data -> return 中定义<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item la原创 2020-10-10 18:49:09 · 6295 阅读 · 0 评论 -
Vue——get调用后端接口并将数据回显到table中
get带参数呈现效果(动态获取后台数据)1.HTML< template><el-table :data="tableData"> //这里的tableData在2.script -> export default -> data -> return 中定义 <el-table-column prop="taskName" label="项目名称"> </el-table-column>原创 2020-10-10 18:00:46 · 11814 阅读 · 1 评论