vue
小野猫子
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用vue的图片裁剪vue-cropper
vue-cropper官网https://github.com/xyxiao001/vue-cropperhttps://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fxyxiao001%2Fvue-cropper项目需求需要固定的裁剪框的大小安装npm install vue-cropper使用<cropper-image @imgUpload="imgUpload"></cropper-imag...原创 2022-03-07 10:43:49 · 1700 阅读 · 0 评论 -
vue v-if 判断某个元素满足多个条件的写法
我们平时使用v-if判断多个条件,如这样写法:type同时满足0,1,2三个值的时候我们这样写:v-if= "type === 0 || type === 1 || type === 2" (这样写是可以的,但代码有点冗余)第一种,最简便的写法:v-if="[0,1,2].includes(type)"第二种,使用方法,复用性高,使用场景:多个标签都需要用到此判断写法:matchState(某元素,/[匹配值]/)v-if="matchState(type,/[0,1,2]/原创 2021-11-25 11:07:51 · 9152 阅读 · 0 评论 -
elementui的el-propover修改样式不生效的问题
项目中使用了el-propver,想修改样式,一直不成功,官方文档使用popper-class设置样式<el-popover placement="right" width="400" trigger="hover" popper-class="menu_popover" ></el-popover><style> .menu_popover{ padding: 10px 20px ..原创 2021-10-26 17:55:21 · 2876 阅读 · 2 评论 -
vue中tree回填数据
form表单回填tree的数据时,后端不能提供tree的所需数据格式,后端提供的数据还是tree的数据格式,我需要把tree的数据格式转化成回填所需要的的数据格式,如:["1309303221440761857","1451486975712358401","1309303221440761860"]的数据格式一、tree的form表单回填数据 <el-tree :data="menuList" :props="menuListTreeProps" :defa.原创 2021-10-25 11:33:30 · 1258 阅读 · 0 评论 -
vue element upload 上传多个文件,附件和其他数据一起传给后台
<el-upload :auto-upload="false" action="string" multiple :limit="3" :show-file-list="false" :on-change="changeUpload" :on-exceed="handleExceed" >...原创 2021-08-23 17:53:39 · 700 阅读 · 0 评论 -
element表单验证this.$refs[mineForm].validate((valid) )=>({})点击不执行的问题
1、首页打印this.$ref[mineForm]是否能正确拿到2、检查<el-form :moel='mineFoem' ref=''></form>原创 2021-06-11 16:58:03 · 805 阅读 · 2 评论 -
vue 中的watch和computed的区别
compputedcompputed是计算属性,他会根据你所依赖的数据动态显示新的计算结果计算属性将被加入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例通过计算出来的属性不需要调用直接可以在 DOM 里使用Vue实例将会在实例化时调用$watch(),遍历watch对象的每一个属性在页面中使用大量复杂的逻辑表达式处理数据时,会对页面的可维护性造成很大的影响而且计算属性如果依赖不变的话,它就会变成缓存,computed的值就不会重新计算原创 2020-11-24 09:57:29 · 262 阅读 · 0 评论 -
解决vue的[_ob_:Observer]的数组的长度判断的问题
使用vue中的checkBox-Group时拿到的值是这样的,我判断.length时不起效果。解决方法:将数据先转化为JSON字符串形式,然后再从字符串形式转转成JSON格式,在进行长度判断JSON.parse(JSON.stringify(data))//进行数组长度判断JSON.parse(JSON.stringify(data)).length...原创 2020-10-09 16:35:02 · 2302 阅读 · 2 评论 -
vue组件之间的通信
一、父子组件通信props 和 $emitprops和$emit使我们日常开发中最常用的组件通信方式。父组件通过绑定属性来向子组件传递数据,子组件通过props属性来获取对用的数据;子组件则是通过派发$emit事件将数据传递到父组件中//父组件<child :meg="msg" @updateParentMsg="updateParentMsg" />data(){ return{ msg:"我是父组件" }},methods:原创 2020-09-09 14:02:25 · 195 阅读 · 0 评论 -
vue中Form中使用div报错
Form中错误写法解决方法:把div替换成template标签原创 2020-09-08 11:23:41 · 462 阅读 · 0 评论 -
简单的介绍vue以及安装环境和创建一个vue
首先,说一下vue框架是什么?vue.js是当下主流的一种前端框架,当然了还有Angular、React等框架.一、渐进式框架Vue什么是渐进式框架。vue官网说:Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。渐进式我个人理解就是阶梯式向前。vue是轻量级的,它有很多独立的功能或库...原创 2018-09-26 14:40:11 · 371 阅读 · 0 评论 -
vue cli报错 vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFO UND github.
创建项目时,运行vue init webpack 项目名字,报错信息如下: vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFO UND github.com github.com:443解决方法:执行三个命令检查环境1.node -v2.vue -v (没有显示版本,np...原创 2018-08-26 19:12:11 · 18606 阅读 · 19 评论 -
vue npm run dev listen EADDRNOTAVAIL
今天弄了一早上这个错误,把项目删了重新克隆,按照步骤还是这样的错,在网上搜到好多说npm版本低,我更新了,还是没用,到下午看到一篇文章,config ——>里面的index.js里面的host:" 不能写自己本机的ip ",写成host:'localhost'或者host:'127.0.0.1',希望可以帮到各位朋友!!!!...原创 2018-08-08 16:00:28 · 506 阅读 · 0 评论
分享