- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue+element-ui carousel走马灯一次轮播(显示)5张图片
vue+element-ui carousel走马灯一次轮播(显示)5张图片
2023-10-19 09:25:36
1455
3
原创 函数名为变量怎么调用
函数名为变量怎么调用？如下：let funcname = 'funcname1'$options.methods[funcname ]()即可执行函数
2022-06-02 15:16:27
323
原创 elementui中table表头列有排序，但增加勾选框后，勾选事件会触发排序
elementui中table表头列有排序，但增加勾选框后，勾选事件会触发排序此时需要屏蔽表头列的冒泡事件，可以使用click.stop来解决此问题
2021-10-10 21:34:46
439
原创 使用VUE写的前端页面，刷新时出现源代码
问题当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码，如图所示：解决方案可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。例如：<body> <div v-cloak>{{certificationForm.grade}}</div></body>style: [v-cloak]{ display
2021-10-10 21:32:40
1018
原创 Layui弹窗中使用下拉框会出现滚动条
Layui弹窗中使用下拉框，当显示选项时，弹窗会出现滚动条。解决方案：给弹窗加上：overflow:visible，即可解决该问题。
2021-08-13 10:57:43
1887
原创 ElementUI的表格列过多时，动态渲染列滚动条无法显示
ElementUI的表格列过多时，动态渲染列滚动条无法显示，此时可以使用doLayout函数来触发重新刷新该表格，用法如下：this.$refs.xxx.doLayout()即可解决改问题。
2021-08-13 10:56:48
1553
原创 ElementUI的el-col布局bug
出现问题：<el-col :span="8" v-for="item in cardList"> <el-card class="box-card" :class="item.warningrank" @click.native="showDetail(item)"> <el-row class="card_title"> <i class="el-icon-video-camera">
2021-08-13 10:56:13
1458
原创 Elementui输入框/下拉框动态渲染无法选中
问题描述：在使用Vue框架和element-ui开发时，下拉框遇见一个问题，其选项是动态渲染的，页面选择时某一选项后，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值，也就是下拉框值无法选中。出现原因：出现这个问题是因为下拉框数据是动态渲染的，因为数据太多或层次太多，render函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重新render。除此原因之外，还有可能是数据双向绑定的问题，例如v-model=“obj.value”，但data中的obj={
2021-08-13 10:52:54
767
原创 elementui二维表动态渲染
elementUI如何动态渲染二维表，动态渲染表格的列，例如下图：<div id="app"> <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="name" label="日期" width="180"> </el-table-column>
2021-08-13 10:51:51
1687
原创 ElementUI下拉框组件样式问题
问题使用ElementUI的表单中下拉框（包括日期选择等）组件时，其样式未与表单一致，如宽度、label位置等。解决方案在该组件标签加上样式：style="width:100%" 即可解决。<el-form :model="certificationForm" :label-position="top" ref="certificationForm"> <el-row :gutter="10"> <el-.
2021-08-13 10:48:31
411
原创 如何取iframe中的input的属性值
首先需要创建一个iframe，并给它一个name使用jq：就可以取到iframe中sysHtml中所有属性nowSelected=nowSelected的input
2021-08-13 10:45:55
414
原创 jsp中无法使用es6的模板字符串
问题在jsp中使用es6的模板字符串`${}`时不生效。原因为jsp中的el语法和js的es6语法都是使用${}来解析的。解决方案使用${"${变量}"}即可解析成功。
2021-08-13 10:43:12
993
1
原创 Vue+element输入框只能输入纯数字
<el-input @input="inputVal" v-model="input" placeholder="请输入内容"></el-input>data() { return { input: '' } }, methods: { inputVal(){ this.input = this.input.replace(/[^0-9]/g,'') } }此时就只能输入纯数字0-9了...
2021-08-13 10:23:59
242
原创 Vue中data中定义的属性如何还原默认值
例如： data () { return { size: 'mini' } }, 其他地方将size改为了‘small’此时若需要还原默认值，有两种方式：1.this.size = 'mini'// 一个一个去改2.this.size = this.$options.data().size// 这种方式可以直接还原一个对象，常用于清除表单...
2021-08-13 10:04:06
1350
原创 vue 防抖
submit () { this.debounce(() => { debugger }, 200)() // 此处需要调用一下该函数 }, debounce (fn, delay) { var timer = null return function (...args) { var that = this clearTimeout(timer) timer = s...
2021-07-15 14:58:25
66
原创 vscode如何直接调试chrome中的Vue项目
第一步，下载 chrome debuger 插件第二步，添加配置文档 launch.json，打开 debug 面板，点击 “添加配置”将下面配置文档覆盖到你的 launch.json 文件中{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name":...
2021-07-07 09:47:20
2320
原创 前端遇到的问题
前端遇到的问题1、div盒子被撑起来，导致行内元素间换行，此时设置盒子font-size:0可以解决，即使存在换行符，也能将其大小设置为0，避免导致最后整块元素换行。2、超出文本...表示：white-space:nowrap;overflow: hidden;text-overflow:ellipsis;...
2019-07-17 16:15:23
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人