- 博客(12)
- 收藏
- 关注
原创 elementui的el-select下拉框在ios系统上需要点击两次才能选中
由于项目需求,在移动端用了elementUI的el-select的组件,测试的时候说“苹果手机下拉框选项需要点击两次才能选中切换”。解决方法:在app.vue里面,(特备注意:注意是在app.vue里,不是在页面或者组件里!!!!),加上一段css代码。.el-scrollbar { > .el-scrollbar__bar { opacity: 1 !important; }}实测有效...
2021-04-20 10:49:13 2307 3
原创 watch监听对象的变化无效(watch监听对象的变化时,变化前的值和变化后的值相等解决方法)
watch监听对象的变化时,打印出来的变化后的值和变化前的值(newVal)和旧值(oldVal)是一样的,如何解决?先看之前的代码父组件App.vue给子组件传递过来一个对象tempObj,<template> <div id="app"> <father :dataList="list" :tempObj="tempObj" /> </div></template><script>import fath
2020-12-18 16:08:11 1206 1
原创 vue爷孙组件传值之$attrs
在vue组件传值中,父组件向子组件传值可以使用props进行传递,但是如果爷爷组件向孙子组件传递如何操作?这里使用的是$attrs首先定义三个组件,app(爷爷组件),father(父组件),son(孙子组件)我们要达到的目的是,爷爷组件向孙子组件传递一个数组list然后在爷爷组件中在父组件中使用v-bind最后在孙子组件中接收数据这样就完成了祖孙组件的传值...
2020-12-12 14:22:52 1541 4
原创 子组件修改父组件数据报错的解决方法Avoid mutating a prop directly since the value will be overwritten whenever the par
先上报错截图打开有道翻译,翻译出来就是“避免直接改变支撑,因为当父组件重新呈现时,该值将被覆盖。相反,应该使用基于道具价值的数据或计算属性。道具变异:“infoData””原因是违背了vue的单向数据流思想,只能父组件修改自组价的数据,反过来就会报警告。虽然不影响使用。解决:我这里使用的是.sync修饰符父组件调用子组件的时候,子组件修改的数据后面加上.sync在子组件里面要用$emit上面是之前写的报警告的。下面是修改之后的我参考的以及具体请移步https://blog.csdn.n
2020-12-08 10:33:44 481
原创 eslint 报错-Missing space before value for key ‘xxx’
es-lint报错原因:对象值前没有加空格解决:
2020-09-08 11:04:22 13406
转载 给子元素添加margin-top不生效,父元素受到影响的解决办法
今天写css的时候遇到一个问题,当给子元素添加margin-top的时候,父元素也被添加上了,严重影响页面布局。例子代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de...
2020-04-14 21:39:59 803
原创 element-ui的表单验证如何清除校验提示语(账号密码和手机验证码两种登录方式)
今天做vue后台管理项目的时候,在表单验证环节出了一个bug。这个项目原来是只有一种登录方式的,输入账号和密码即可登录。后来老板又要求增加一个用手机号码获取验证码登录。做好了之后就出现了一个问题,当不输入手机号的时候,下方会有警示,提示你没有输入手机号然后这时点击下方按钮,切换到账号密码登录时,这个警示仍然存在。如图直接说解决方法<!-- 账号密码登录 --><el...
2020-04-13 23:20:59 2716 3
原创 国家哀悼日,所有网页的主题色都变成灰色是怎么做到的?
今天是全国人民向抗击新型冠状病毒肺炎疫情斗争牺牲的烈士和逝世的同胞表达哀悼的日子,为了响应号召,各大网站都把自己网站的主题色变成了灰色。闲在家里无事浏览网页时我就很好奇,是怎么能做到把整个网页的字体、图片、背景图都变成灰色的呢?网上搜了一下,原来只需要很简单的代码就能实现。。html { -webkit-filter: grayscale(100%); filter: progid:DXI...
2020-04-04 21:11:43 7611
转载 vue后台管理系统按钮级别的权限控制
一般简单的后台系统只需要做到登录的权限和增删改操作的权限,复杂一些的就需要做到按钮级别的权限。最近做的一个后台系统,要求权限控制到按钮级别,也就是说对于不同的用户,可操作的按钮是不一样的,换言之,有些按钮对某些客户是不可见的.例如:用户A能看到"新增"按钮,而用户B看不到,假设"新增"按钮"的权限是"sys:add",这里提供两种解决办法:1.定义一个全局方法,配合v-if实现;2.使用自定义...
2020-03-23 23:50:10 3377 4
原创 函数作用域的实例
<script>//作用域//全局变量// var a=3;// function getNum(){// //函数中定义变量外部是不能够获取的// //局部变量只能在函数内调用// //var b = 4;// //函数内可以调用全局变量// //当函数执行完后,局部变量将被销毁// }//getNum();//当大量使用...
2019-07-26 17:35:25 130
原创 小案例之点击网页任意位置出现小爱心
本文用到了事件中的onclick事件和一些css属性<script>window.onload = function(){document.onclick=function loveHeart(a){//添加点击事件var div0 = document.createElement("div");//创建爱心的最外层父元素var heartList = ...
2019-07-25 19:31:48 669
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人