![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
acoolgiser
微信搜索:acoolgiser
展开
-
axios 前端请求接口 跨域问题 Vue实现跨域请求
在前端写接口请求的时候,遇到了跨域的问题。(在一个项目工程中通过接口请求另一个项目工程中的数据)通过在线api测试https://getman.cn或者postman接口测试工具,都能正常请求到数据。但是在前端代码里就不行,发现是跨域问题。网上找了半天,发现解决方法其实很简单,参考这篇博客解决:https://blog.csdn.net/qq_42492055/article/details/82593692实现跨域请求有两种方式:1、fetch(1)在App.vue中使用creat..转载 2020-08-21 21:56:58 · 3223 阅读 · 0 评论 -
element 表单验证的三种方式
目录第一种常用方式:表单上加rules{object}第二种方式:在el-form-item单个添加第三种方式:动态增减表单项第一种常用方式:表单上加rules{object}<el-form class="apply-form first-form" :model="formData" :rules="rule" ref="form"> <el-form-item label="姓名" prop="visitorName"> <e转载 2020-05-29 20:59:22 · 2452 阅读 · 0 评论 -
vue element-ui date-picker 日期选择器控件 设置时间范围 限制可选的开始时间和结束时间
vue element-ui date-picker 日期选择器控件 设置时间范围 限制可选的开始时间和结束时间总结一下日期控件实现开始日期、结束日期的选择范围限制,以便更符合实际情况。需求:1. 开始日期和结束日期都必须是今天之前;2. 先选择开始日期,那么结束日期必须在开始日期之后,即只能选择开始日期之后的日期;3. 先选择结束日期,那么开始日期必须在结束日期之前,即只能选择结束日期之前的日期;三个条件是【且】的关系。实现效果:小编操作和写文日期5月27日..原创 2020-05-27 11:46:35 · 24275 阅读 · 4 评论 -
vue element 控件之 el-container中的el-side 与 el-main 的间距怎么设置
vue element 控件之 el-container中的el-side 与 el-main 的间距怎么设置原创 2020-05-26 17:48:59 · 9661 阅读 · 1 评论 -
深入理解vue中的slot与slot-scope , 弄清楚 slot slots 的区别,scoped的含义
写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。进入三部分之前,先让还没接触过插槽的同学对什么是插槽有一个简单的概念:插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及转载 2020-05-17 11:23:17 · 5752 阅读 · 0 评论 -
vue中的ref $refs emit props 搞清楚这几个概念,就能明白vue的组件通信机制!
首先看小编找到的两篇博客:https://www.jianshu.com/p/ff2cead55068https://www.cnblogs.com/360minitao/p/11840559.html看完应该就能明白vue组件通信的props方式、emit方式、ref方式这三种方式的区别。对ref $refs的更深入理解:https://www.jianshu.com/p/623c8b009a85https://www.cnblogs.com/xumqfaith/p/7...原创 2020-05-16 22:49:28 · 1296 阅读 · 0 评论 -
vue element-ui 表单验证 第一次表单验证的结果,在第二次表单验证时仍然存在(需要清除上一次的验证结果)
首先我们还是看一下文章:https://blog.csdn.net/weixin_37930716/article/details/90234705 的内容笔者在参考该文章的时候,踩了一个坑,是vue父子组件通信中使用ref传参的问题!关键点:该文章的作者的弹框组件是和父组件写在同一个vue文件里的,也就是没有单独把弹框的页面代码写在另一个vue文件里。这样在父子组件通信的时候其实只有两级通信,如果写在单独的一个vue文件里,实际上就是三级通信。清除上一次验证结果的代码就应该是:if.原创 2020-05-15 23:19:00 · 4600 阅读 · 2 评论 -
ERROR in Cannot find module 'node-sass'(最全解决方案)
一、错误描述在vue前端项目的开发中,遇到错误 ERROR in Cannot find module 'node-sass':表示找不到node-sass模块。是因为你没安装node-sass模块或者安装时用的cnpm而不是npm,导致版本过低。可以通过npm install node-sass 或cnpm install node-sass@latest 进行安装。二、解决方案1. 如果你用的是cmd:2. 如果你用的是Windows Powers...原创 2020-05-13 09:59:26 · 65668 阅读 · 0 评论 -
踩坑总结!elementUI组件之upload上传控件的multiple属性,设置false报错!
踩坑总结!elementUI组件之upload上传控件的multiple属性,设置false报错!在使用elementUI组件中的upload上传按钮控件的时候,其中的multiple属性决定了是否可以多选文件 ,首先看一下官方文档:看到multiple参数的类型是boolean,如果简单的以为“它的值要么是true,要么是false”,那就错了,完美踩坑!!!仔细看一下d...原创 2020-04-30 22:23:16 · 10785 阅读 · 6 评论 -
通过vue.js 学习来总结es6语法中的箭头函数,箭头函数原理分析。
首先我们来学习一下大神对箭头函数的剖析:----------------------------------------------横线部分来自廖雪峰大神的官方网站------------------------------------------------------------------------------ES6标准新增了一种新的函数:Arrow Function(箭头函数)。...原创 2019-04-25 11:27:55 · 1419 阅读 · 0 评论 -
vue.js中的computed计算属性如何传递参数
笔者参考博客https://blog.csdn.net/qq_35775675/article/details/82288571的做法后,的确成功了 。下面是笔者的写法:computed:注意不能直接在photoList后面加参数,没效果(应该是vue不支持),应该以JavaScript闭包的形式:computed: { photoList() { ...原创 2019-04-06 15:13:34 · 9695 阅读 · 1 评论 -
weex eros APP 如何在vue页面显示图片,循环添加多张图片显示在vue页面上
这里笔者介绍使用weex eros框架开发APP时遇到的在页面上添加图片的问题:一、首先是添加一张图片第一种方式:img标签<img class="demo-image" :src="" alt="">第二种方式:image标签<image class="demo-image" :src="" alt=""></image>两种标签均...原创 2019-04-04 11:33:34 · 2831 阅读 · 0 评论 -
JavaScript 实现前端table页面,vue.js实现前端表格
效果图:代码:<template> <table class="table table-striped table-bordered"> <tr> <td class="column">工程部位</td> <td colspan="3" clas原创 2018-12-12 19:26:41 · 4118 阅读 · 0 评论 -
vue.js 中watch的高级用法
转自:https://blog.csdn.net/wandoumm/article/details/80259908假设有如下代码:<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"&a转载 2018-12-10 20:41:14 · 153 阅读 · 0 评论 -
vue.js 生命周期
摘自https://www.jb51.net/article/122069.htm生命周期如图:什么是生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发...转载 2018-12-22 10:48:08 · 243 阅读 · 0 评论 -
vue.js中的v-if指令 使用template同时判断多个元素
在vue.js中,v-if指令可以控制元素的显示与隐藏,用法:<div id="app" v-if="status"> 我是div</div><script> var app = new Vue({ el: '#app', data: { status: 1 }...原创 2018-12-24 21:35:20 · 16367 阅读 · 1 评论 -
vue.js 中 v-if与v-show的区别和选择
如何选择v-if与v-show : v-show 的用法与v-if基本一致,只不过是改变元素的CSS属性display。当v-show表达式的值为false时候,元素会隐藏,查看DOM结构会看到元素上加载了内联样式display:none; v-if 和 v-show 具有类似的功能,不过v-if 才是真正的条件渲染,它会根据表达式适当地销毁或重建元素及绑定的事件...原创 2018-12-24 22:10:29 · 488 阅读 · 0 评论 -
el-transfer 的用法
Transfer 穿梭框基础用法Transfer 的数据通过data属性传入。数据需要是一个对象数组,每个对象有以下属性:key为数据的唯一性标识,label为显示文本,disabled表示该项数据是否禁止转移。目标列表中的数据项会同步到绑定至v-model的变量,值为数据项的key所组成的数组。当然,如果希望在初始状态时目标列表不为空,可以像本例一样为v-model绑...转载 2019-03-17 11:03:22 · 21771 阅读 · 8 评论 -
weex环境配置 weex create project 提示错误 Error: Cannot find module 'async'
配置weex开发环境时候,首先要进行安装,执行如下命令:npm install -g weex-toolkit@beta安装完以后,执行命令:weex help 一直提示错误:Error: Cannot find module 'async'Error: Cannot find module 'async' at Function.Module._resolveFile...原创 2019-03-21 10:12:23 · 1679 阅读 · 1 评论 -
vue 实现模糊搜索功能,vue-element ui改编input模糊查询
vue实现模糊搜索功能根据输入的内容进行查找数据,然后展示含有输入内容的数据<input v-model="issue_content" v-on:input ="inputFunc" type="text" placeholder="如何修改密码"> <div class="serch_result" v-show="serch_resul转载 2019-03-17 22:34:11 · 4864 阅读 · 0 评论 -
vue 控制某个元素的显示与隐藏之v-if属性
HTML代码:<div title="意向价格" v-if="showPrise"></div> <div title="意向租金" v-if="showRentPrise"></div>JS代码:new Vue({ el: '#app', data: {原创 2018-11-30 18:50:32 · 22486 阅读 · 0 评论