![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
王乐生
游戏码农入门
展开
-
Vue中el-table追加行后固定列滚动错位问题
Vue中el-table追加行后固定列滚动错位问题偶然发现一个问题,但是并没有找到解决方案,自己调试了两个多小时终于解决。先贴出问题业务描述:在已查询完全部的符合条件的数据后,表格最下方提示“没有更多数据”使用solt = “append” 追加div这时候滑动到最底部,固定列错位了。......原创 2022-07-12 15:36:52 · 2808 阅读 · 1 评论 -
vue中el-radio-group点击事件,双击取消
vue中el-radio-group点击事件普通用法需要实现双击取消普通用法需要注意,如果@change事件除了当前选中的单选按钮的label值,还需要带上另外的参数,则需要用event来代替当前的值。(event来代替当前的值。(event来代替当前的值。(event指代当前触发的事件)如果只需要当前被选中的单选按钮的label值,那么可以写成@change="changeReportLevel()"即可,js接收方法写成:changeReportLevel(value)<el-radio-原创 2022-02-18 11:34:56 · 14778 阅读 · 0 评论 -
Thymeleaf开发注意事项
使用Bootstrap 、Thymeleaf开发前端注意事项疑难问题注意**前端主要采用Bootstrap 、Thymeleaf 技术Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 基于 HTML、CSS、Javascript 。Thymeleaf是用来开发Web和独立环境项目的服务器端的Java模版引擎。**Thymeleaf主要是通过指令th:来设置值${}进行取值如果已经声明了自变量,可用*{}取值;例:也可以用 th:if -th:un原创 2021-03-17 22:22:49 · 663 阅读 · 2 评论 -
Vue中动态绑定自定义快捷键
主要还是通过Mousetrap.bind来绑定,先了解一下基础用法Mousetrap.bind单个绑定:Mousetrap.bind('/', _focusSearch);多个绑定:Mousetrap.bind(['ctrl+s', 'command+s'], function(e) { _saveDraft(); });自定义动态绑定先将快捷键和对应的方法需要参数存入一个Map中,Key为快捷键,Value为所需参数vue的js代码块,mounted()方法块中,定义方法:原创 2021-08-13 16:49:31 · 1298 阅读 · 0 评论 -
Vue中将十六进制颜色格式转换为RGB格式
话不多说,上代码olorRgb(color){ var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; var sColor = color.toLowerCase(); if(sColor && reg.test(sColor)){ if(sColor.length === 4){ var sColorNew = "#"; for(v原创 2021-08-13 16:37:09 · 2737 阅读 · 2 评论 -
Vue前端实现动态style
在页面多态化的现在,前端动态样式已成为常态。目前市场上Vue大受欢迎,最近在探索动态style,请各位大家赐教。用法:1、常规用法vue元素中 :style="{‘styleName1’:value1,‘styleName2’:value2}"例:// An highlighted block <el-button class="dialog-button" :style="{'color': hitColor, 'border': borderColor(hitColor)}">原创 2021-08-13 16:32:22 · 3083 阅读 · 0 评论