03 2020 档案

chrome浏览器不支持audio和video标签的autoplay自动播放
摘要：IOS/Android不支持video的autoplay，PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能，然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放，也就是说HTML5的audio和video标签autoplay属性在一般网页端基 阅读全文
posted @ 2020-03-27 17:40 shetoutou 阅读(2846) 评论(0) 推荐(0)
css消除行内元素的间隙
摘要：一些工作中的积累 可以看出，中间有个间隙，解决这个间隙的办法可以将代码放一行，或者float，margin负值等方法，但最好的方式还是设置父元素的font size：0，然后再分别设置子元素的font size。 阅读全文
posted @ 2020-03-27 17:24 shetoutou 阅读(752) 评论(0) 推荐(1)
@click.native的使用
摘要：给Vue组件绑定事件,需要在事件后面加上.native，比如：,相当于$emit("click".fn)。 有一天突然发现使用el button的时候是这样的： 是因为element ui已经在el button组件源码中给我们this.$emit('click', evt)事件了 阅读全文
posted @ 2020-03-18 18:39 shetoutou 阅读(2159) 评论(0) 推荐(0)
Element-ui 下拉列表 选项过多时如何解决卡顿问题
摘要：当使用Select选择器时，如果下拉列表有几千个几万个，因此通过滚动条一个个的去找不是很现实， 这时可以对select设置filterable属性，可以在下拉控件里进行搜索。例如: 体验的过程中还是会感觉明显的卡顿现象，问题和上面一样，还是因为下拉列表太多了，这时我们可以通过Select控件的fil 阅读全文
posted @ 2020-03-17 23:03 shetoutou 阅读(4323) 评论(0) 推荐(0)
vue组件通信（父子之间，兄弟之间）
摘要：一、父组件向子组件传值 1、在父组件中引入需要通信的子组件 2、在父组件的components中注册该子组件 3、在父组件的template中使用子组件 4、将需要传递给子组件的值通过v bind 5、在对应的子组件中，通过props属性接收传递过来的值 6、在子组件中使用该值 二、子组件向父组件传 阅读全文
posted @ 2020-03-16 15:39 shetoutou 阅读(264) 评论(0) 推荐(0)
this.$nextTick()的使用
摘要：背景 在一个vue结合elementui的项目实现点击再一次增加会员的按钮时，清空上一次输入框里的数据，采用 ，但是却报错，无法获取dom。那么此时快速的解决办法就是使用this.$nextTick()方法。 使用场景 this.$nextTick()方法主要是用在随数据改变而改变的dom应用场景中 阅读全文
posted @ 2020-03-15 20:16 shetoutou 阅读(431) 评论(0) 推荐(0)
vue中filter用法
摘要：以开发需求为案例，需求是将后端返回的字段付款方式用文字显示： 1、由于filter中定义的过滤函数不能使用this，需要全局定义一个数组 2、在vue实例中写filters：{}代码 3、最后在组件中渲染 阅读全文
posted @ 2020-03-13 23:53 shetoutou 阅读(4598) 评论(0) 推荐(0)
vue项目实现系统权限拦截
摘要：后台管理系统权限校验需求： 当访问系统非登录页面时，需要检验用户是否登录，如果没有登录，则跳转到登录页面。 首先，新建一个权限文件permission.js，直接在main.js中引入 接下来开始编写permission.js 1:将router.js引入 2：使用vue router中的前置导航钩 阅读全文
posted @ 2020-03-13 15:53 shetoutou 阅读(1599) 评论(0) 推荐(0)
vue项目中封装axios
摘要：首先，安装axios 然后，单独写个文件配置axios 然后配置请求时的方法 最后，页面中使用的时候直接 引入方法 就可以在对应页面获取到后台数据了。 阅读全文
posted @ 2020-03-12 18:11 shetoutou 阅读(150) 评论(0) 推荐(0)
Vue packages version mismatch解决方案
摘要：在工作台创建一个vue/cli3的项目，vue create 项目名称，报错信息如下： 于是百度了两种常见的解决方案： 方法一： npm uninstall vue template compiler //卸载掉已经安装的版本 npm i vue template compiler@当前版本号 sa 阅读全文
posted @ 2020-03-10 00:14 shetoutou 阅读(1177) 评论(0) 推荐(0)