![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
linfeng_023
哇哈哈哈......
展开
-
常用的正则表达式
【代码】常用的正则表达式。原创 2023-09-15 16:41:59 · 74 阅读 · 0 评论 -
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 · 284 阅读 · 0 评论 -
解决this.refs.xx返回undefind的问题
在vue中需要获取Dom元素时可以给标签添加ref属性,然后通过this.$refs去获取,使用this.$refs获取属性时,可能会输出undefined导致我们对dom节点的操作报错。原创 2021-04-01 15:58:02 · 676 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 897 阅读 · 0 评论 -
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 · 1585 阅读 · 0 评论 -
vue中循环展示img图片时,图片不显示的解决办法
stati文件把你要渲染的图片放在vue中的static文件件中.循环时用绝对地址去引入进来require加载,require加载图片时可以使用相对地址原创 2019-07-15 11:18:26 · 5338 阅读 · 1 评论 -
Element中的Tabs组件标签页在刷新页面后,被选中的选项卡还是应该被选中
Element中的Tabs组件标签页当刷新页面后,被选中的选项卡不变比如当下面角色管理选项卡被选中后在刷新页面,角色管理应该还是被选中的,而不是被初始化选中用户管理解决方式可以使用Vue中的==$router.push()==去改变你的路由地址 handleClick(tab, event) { // location.search:获取路由上的参数 let url =...原创 2020-03-16 16:18:18 · 1743 阅读 · 1 评论