![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
兜兜风~
Happy Time
展开
-
如何解决el-select下拉框在ios上 点击两次才能选中的问题
一、移动端截图移动端引用elementUI组件,使用el-select 时,会出现IOS端点击select下拉框后,第一次点击无反应,第二次点击后才选择上,Android手机并没有这个问题,所以查了下资料,它是IOS手机兼容问题导致的,这是只需要添加个样式,这个问题就会解决。解决办法:1、写法一: .el-scrollbar .el-scrollbar__bar { opacity: 1 !important; }2、写法二:.el-scrollbar { > .原创 2021-08-10 11:32:20 · 3659 阅读 · 6 评论 -
Vue 使用v-title时鼠标悬浮,定位获取不到click事件,导致跳转页面悬浮无法消失问题
前言使用v-title进行鼠标悬浮提示,(为了考虑悬浮样式多样化,引用了网上的title.js,然后在js中进行修改,目前样式如下图),引用后样式修改了,但是会出现一些问题,比如悬浮的位置不固定,正常的情况出现在文字的正上方,时而会出现左下方(定位是通过计算的哈,这个可以根据引用的js,自行修改哈),然后目前我的这个项目中出现了一种情况就是,在这个页面中时,鼠标悬浮样式,没有在点击事件之后消失,悬浮还在跳转的页面中,查看了js文件后,发现计算获取并没有问题,但是在鼠标点击跳转的时候,获取不到点击事件“cl原创 2021-07-08 15:18:45 · 1586 阅读 · 0 评论 -
Vue+ElementUI el-radio列表单选
实现效果:对某条数据进行数据修改步骤:1、添加单选按钮:(点击获取该条信息的id,并将id传给修改按钮)div.<span size="mini" class="select-button" @click="handleItem" v-loading="loadingButton" element-loading-spinner="el-icon-loading">修改信息</span><el-table size="mini" :data="list原创 2021-03-09 11:09:09 · 2464 阅读 · 0 评论 -
Vue+ElementUI的时间选择器“el-date-picker”结束时间大于开始时间(结束时间在开始时间之前的日期不可选操作)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-03-04 11:25:56 · 2278 阅读 · 2 评论 -
Vue——ElementUI 如何修改消息提示框样式
前言需求将弹出框添加样式,图1是原图,图2是需要实现的样式,我按照最原始的办法,找到类名,然后修改css,但是无论我新添加个类名也好,还是/deep/深度修改,都无法修改其样式,后经过研究,发现了问题,下面将我的代码和大家分享一下。(图1)(图2)代码分析// 弹出警告提示框this.$confirm('确认删除吗?', '警告', { type: 'warning'}).then(() => { this.$message({ message: '删除成功',原创 2021-01-04 10:59:59 · 4222 阅读 · 4 评论 -
vue之精准查询和模糊查询
if (this.selectData.budgetUnitValue) {let budgetUnitValue = this.tableSearchNode(‘budgetUnitValue’,‘like’,[this.selectData.budgetUnitValue],‘String’);filters.push([budgetUnitValue]);}原创 2020-12-21 09:18:05 · 2747 阅读 · 0 评论 -
vue-i18n vue实现国际化
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-11-30 10:11:56 · 217 阅读 · 0 评论 -
vue 组件插槽solt 的使用
DocumentFragment对象是什么?https://www.cnblogs.com/echolun/p/10098752.html原创 2020-09-20 18:37:41 · 536 阅读 · 0 评论 -
VUE点击按钮切换字体颜色
前几天我朋友在学vue,在写一个关于点击按钮切换字体颜色的demo,我于是就看了一下,按照我的想法我是这么写的代码如下:<template> <div> <p :class="{a: !isShow,b: isShow}">RUNNING MAN</p> <button @click="isShow=!isShow">点击</button> </div></template>&原创 2020-07-16 16:47:50 · 8867 阅读 · 0 评论 -
如何解决 Uncaught SyntaxError: Unexpected token ‘<‘
首先看到有可能会想到是不是我们写的没有闭合,所以仔细的检查下发现并没有,然后在仔细观察了下发现是这个问题JS引入失败,检查好JS的引入路径,重新写一下就OK了原创 2020-07-16 14:33:41 · 10186 阅读 · 0 评论 -
如何解决VUE中报错 “ Property or method “xxx“ is not defined on the instance but referenced during render.”
今天记录一下这个问题,之前好几次遇到,尝试各种办法就是无法解决,后来发现是自己的粗心导致的问题。起初检查代码发现并没有什么问题。后来发现个严重问题每次情不自禁的就自己打,打着打着单词就拼错了。错误:date()正确:data()如果怕自己打错,就按照提示的来,保准没错。下面为了印象深刻,就看看Vue的data属性Vue中的data属性专门用来以对象方式存放数据,它有两种用法。var vm=new Vue({ data:{a:1,b:2,}, })var vm=ne原创 2020-07-14 10:25:42 · 107596 阅读 · 30 评论