- 博客(14)
- 收藏
- 关注
原创 video标签样式铺满全屏
video标签是不会自动铺满整个div的,即便是给它设置了高度为100%;所以当需要video标签铺满整个div时,可以给video标签加上‘object-fit:fill’样式,这样就可以解决了!<div class="videoContent"> <video class="videoElement" controls preload="auto" width="100%" height="100%"></video></div>.video
2021-04-19 10:13:13
85529
原创 Class和Style动态绑定
绑定 HTML Class1.对象语法绑定,可以传给 v-bind:class 一个对象,以动态地切换 class:<div v-bind:class="{active:isActive,'text-danger': hasError}"></div>data: { isActive: true, hasError: false}2.数组语法绑定,可以把一个数组传给 v-bind:class,以应用一个 class 列表:<div v-bind:clas
2021-04-01 17:08:59
283
原创 解决this.refs.xx返回undefind的问题
在vue中需要获取Dom元素时可以给标签添加ref属性,然后通过this.$refs去获取,使用this.$refs获取属性时,可能会输出undefined导致我们对dom节点的操作报错。
2021-04-01 15:58:02
675
原创 v-for和v-if同时使用的解决方法
永远不要把 v-if 和 v-for 同时用在同一个元素上。在下面代码中可以实现对列表的条件渲染,但是v-for和v-if不推荐同时使用, 因为当它们处于同一节点,v-for 的优先级比 v-if 更高,这意味着 v-if 将分别重复运行于每个 v-for 循环中<ul> <li v-for='user in users' :key="user.id" v-if="user.isActive">{{item.name}}</li></ul>常
2021-04-01 15:02:02
895
原创 v-for和v-if同时使用的解决方法
欢迎使用Markdown编辑器<template> <div> <ul> <li v-for='(item,index) in arr' v-if='index < 3'>{{item.name}}</li> </ul> </div></template><script> data() { return { arr:
2021-04-01 14:39:22
665
原创 Axios拦截器
axios拦截器的封装可以在main.js中进行,也可以新建以个js文件,单独对axios的拦截器进行分装,方式分别如下一.在main.js中对axios拦截器进行封装1.先安装axiosnpm install axios --save2.在mian.js中引入axiosimport axios from 'axios'3.挂载axios到vue全局上Vue.prototype.$axios = axios4.对axios添加拦截器(拦截内容的具体方式可以查看第二种方式)// 添加请
2021-01-16 18:02:44
424
原创 Vue项目的搭建
1.安装node1.在Node.js官网中下载最新的安装包2.运行安装包,根据步骤进行安装3.安装完成后,可以打开cmd命令行,输入node -v命令来查看node是否安装成功,出现版本号就表示安装成功2.安装npm1.npm是包管理器,它是集成在node里面的,所以可以不在单独的对它进行安装,直接在cmd中输入npm -v来查看npm是否安装成功,出现版本号就表示安装成功3.安装淘宝镜像cnpm为什么要安装cnpm呢?因为npm使用的国外的服务器,当使用npm进行依赖的安装的时候,可能会
2021-01-16 16:41:28
82
原创 解决vue项目中使用Mint-UI遇到的一些问题
1.绑定事件在表单编辑器组件中绑定事件不起作用的解决方法########## 在你绑定的事件上加上**.native.capture**,例如**@blur.native.capture=“handlerChange”**2.日期组件在设置日期组件的开始和结束日期在苹果系统格式错误问题...
2020-05-09 16:44:33
468
原创 Element中的Tabs组件标签页在刷新页面后,被选中的选项卡还是应该被选中
Element中的Tabs组件标签页当刷新页面后,被选中的选项卡不变比如当下面角色管理选项卡被选中后在刷新页面,角色管理应该还是被选中的,而不是被初始化选中用户管理解决方式可以使用Vue中的==$router.push()==去改变你的路由地址 handleClick(tab, event) { // location.search:获取路由上的参数 let url =...
2020-03-16 16:18:18
1743
1
原创 在vue或H5中使用复制粘贴功能
1.使用原生的方法,一般都是在浏览器上使用,所以兼容性不是很好我是直接使用原生方法创建的input,你也可以直接在DOM上加input标签,然后去获取它的value值.copyUrl(){ let url = ''; let oInput = document.createElement('input'); oInput.value = url; document.bo...
2019-09-19 10:40:16
1821
原创 H5绑定的click事件在ios上失效的问题
绑定的click事件在ios上失效的问题项目中遇到的问题,在H5做下拉菜单时,需要在点击空白处就隐藏菜单,于是就给document绑定了click事件但是绑定的事件却只能在pc端和android上才能生效使用,在ios上就失效了,在网上搜索了此类的问题,大概就是ios系统上,document,body或div这些元素默认是没有点击事件,所以当把click事件委托给这些元素时,在ios上就会失...
2019-08-20 15:25:56
2103
原创 vue中循环展示img图片时,图片不显示的解决办法
stati文件把你要渲染的图片放在vue中的static文件件中.循环时用绝对地址去引入进来require加载,require加载图片时可以使用相对地址
2019-07-15 11:18:26
5337
1
原创 vue中点击除下拉菜单外的其他区域就关闭菜单
1.vue中点击除下拉菜单外的其他区域就关闭菜单 // this.showMenuList 为下拉菜单的显示判断 document.addEventListener('click', (e) => { if (!this.$el.contains(e.target)) this.showMenuList = false }) 注:EventTarget.addEventLis...
2019-07-12 10:55:26
1583
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人