vue
vue的使用
猛男找1
这个作者很懒,什么都没留下…
展开
-
这又是什么奇怪的bug(4)duplicate attribute: v-if
一定有某个地方有两个v-if报错问题源解决 删掉多余的v-if原创 2020-09-08 09:06:19 · 1599 阅读 · 0 评论 -
watch中监听保持活性的路由如何只处理当前的页面参数的变化
做的后台系统,每打开一个页面,上方就增加一个路由标签方便来回切换。而当要编辑表格中的数据时往往会打开相同的页面,通过判断路由传入的id来调接口获取数据,因此就需要监听路由。而为了有些页面切换时不丢失当前操作的数据,如搜索条件,每次切换回来会保持当前浏览到的位置而不会重新刷新,就给路由做了keep-alive,所以这里的监听路由,会监听到地址栏里所有路由的变化。如果别的不相关的页面如果也传了goodsId,当前页面也会执行if里面的代码,也就是会调用接口,当然因为id都不一样的肯定会找不到从而调用失败会弹原创 2020-08-04 09:42:14 · 549 阅读 · 0 评论 -
element 树形控件 自定义样式
.el-tree 可直接设置树的样式.el-tree-node 没法直接设置需要用 >>> 或者 /deep/ 若直接 >>> .el-tree-node 设置的是所有子节点的样式,如只是设置树的直系子节点 需要 /deep/ >.el-tree-node{}...原创 2020-07-30 11:14:02 · 2026 阅读 · 0 评论 -
vue this.$once(‘hook:beforeDestory’,()=>{})
声明并销毁 this.$once(‘hook:beforeDestory’,()=>{})可以在任何方法中调用这个方法销毁想要销毁的方法,而不用去生命周期中销毁。原创 2020-07-27 10:02:02 · 2410 阅读 · 0 评论 -
当JSON转换数组格式的字符串报错时,用eval转化
将数组格式的字符串转化成真正的数组如:"[‘a’,‘b’,‘c’]" 转化成 [‘a’,‘b’,‘c’] 用JSON是无法转换的,会报错,得用evallet stringArr = "['a','b','c']"export function delString (arr) { let newArr = eval("("+arr+")") return newArr}let arr = delString (stringArr )console.log(arr)// ['a','b',原创 2020-07-09 14:14:31 · 380 阅读 · 0 评论 -
vue Avoid using non-primitive value as key, use string/number value instead.
在循环渲染tag标签时报错意思就是:key绑定的值不要用数组或者对象,要用字符串或者数字比较好改成一个唯一的标识,实在没有,也可以用下标原创 2020-06-30 11:33:38 · 642 阅读 · 0 评论 -
vue element select多选报错 arr.some is not a function原因及解决方法
用下拉选择框 使用multiple 属性 多选时出现报错下面是还原当时的操作其实只是一个小小的问题,就是绑定值的类型,应该是数组,我写成了对象,如下,改过来就不报错了原创 2020-06-30 10:41:09 · 7112 阅读 · 4 评论 -
vue 使用第三方集成 tinymce富文本编辑器
参考链接:芜桐-在vue中使用tinymce富文本编辑器以下是博客原文内容,【】内是原创补充说明安装在npm上有一个vue版本的tiny,我们先安装这个包。 npm i @tinymce/tinymce-vue -S其实只用这一个包也是可以的。但是会出现一些小小的问题,由于需要我们提供api-key,官网是国外的网站,不考虑被墙的问题也要考虑英文阅读能力,所以我们最好是下载一个完整的编辑器的包,防止富文本编辑器加载缓慢和每次打开都会有一个烦人的弹窗的问题。使用以下命令下载完整的包。npm i原创 2020-06-28 15:23:20 · 2228 阅读 · 0 评论 -
element ui input或select组件中加入自定义的第二个参数
在element ui 中输入框和选择框中绑定的事件默认只绑定一个没有在方法中传参时,也会默认会有一个参数,在方法中加个参数就能获取到但是有时候需要传额外的参数,比如在列表中放置input,希望能获取到选中的那一行所有的信息,那么就可以把绑定的方法写成如下这样,使用箭头函数val是默认能获取到的值,props.row是额外需要的数据当然啦,在方法中也得设两个接收的参数正常不需要额外数据的情况下是这样写...原创 2020-05-29 17:25:26 · 1742 阅读 · 0 评论 -
element ui input 标签文字自动换行问题
用element ui 的input组件做搜索输入,前面的标签文字无论几个总要分成两行显示,实在不美观,查看代码也没发现哪里设置了,于是直接使用 white-space:nowrap; 禁止其换行...原创 2020-04-07 14:58:13 · 11817 阅读 · 2 评论 -
配置axios,将token赋值给一变量,在拦截器中通过变量获取token,导致调用其他接口报401
在vue开发中使用axios来调用后台接口,需进行一系列配置,这里就不多说了,主要是发现了一个小小的问题。我做的项目是登录成功返回一个身份验证信息token,我将token保存在本地session中,然后在配置axios的http.js文件中将token赋值给一个变量,然后在拦截器判断是否存在token,这里是通过变量获取的代码如下然后登录成功之后跳转到主页面继而调用接口获取用户信息,此时...原创 2020-03-31 15:44:40 · 511 阅读 · 1 评论 -
element ui 去掉侧边栏默认宽度
使用element ui 的布局容器布局时,其侧边栏el-aside有默认宽度300px,但是由于要做侧栏导航菜单折叠与展开,所以侧边栏的宽度需随菜单的宽度变化而变化,就不能给el-aside设宽度,即给el-aside设width=null...原创 2020-03-30 16:16:27 · 4856 阅读 · 0 评论 -
父元素绑定mousedown其子元素也会默认被绑上
最近在做滑块验证,从百度上找来一个使用mousedown、onmousemove、onmouseup来实现,然后点击绑定了mousedown事件的滑块,打印出来的e.target有时候会是其里面的子元素代码如下:打印出来的e.target只要鼠标碰到i标签,后面移动的就是i标签,可是这并不是我想要的,我想要移动的是slider,不是一个标签。但是mousedown本身就是这样,看了文档...原创 2020-03-26 17:08:13 · 1278 阅读 · 0 评论 -
vue 用axios发送post请求返回状态400
百度下说是axios的请求头Content-Type错误引起的,还有可能是参数传错了。我的请求头用的是axios的默认请求头我的原因是参数传错了。这只是400的其中一种原因,以此记录。...原创 2020-03-23 18:06:51 · 3184 阅读 · 1 评论 -
vue项目从安装到开发(安装)
安装我个人是习惯用npm的方法安装和运行vue,这也是比较普遍的安装方法吧,所以这里只介绍npm的方法。其他的安装方法在官网里有详细的说明[vue安装] https://cn.vuejs.org/v2/guide/installation.html1、下载node下载可以在node的官网下载https://nodejs.org/en/download/安装点击对应的操作系统直接...原创 2019-07-12 16:24:20 · 268 阅读 · 0 评论 -
vue项目从安装到开发(前言,纯啰嗦)
前言近期想着要找工作,但是做微信小程序开发已经半年多了,去年学的vue还没来得及练熟练,就改行做小程序去了,虽然两者原理很相似,但总觉得小程序能学到的很有限。我觉得,小程序与vue的区别就像是手机相机与专业数码相机的区别,在做这份工作之前我完全没接触过小程序,而我仅仅用了3天去看官方文档及跟着同事给的页面去练习就开始着手参与公司项目的开发,然后做了半年多了感觉每天就那样,除了布局跟动画用的越来越...原创 2019-07-12 14:55:43 · 140 阅读 · 0 评论