vue
qq_41550865
这个作者很懒,什么都没留下…
展开
-
computed实现简单的动态表单校验
1、有的业务会遇到表单的部分字段在特定的情况下发生校验,例如在下面的场景,当你选择了计量单位的时候,重量是必填的,但是不选择计量单位的时候,重量不是必填项,这个时候我们可以用computed来写校验规则 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="160px" class="demo-ruleForm" :validate-on-rule-change="false">原创 2022-03-31 17:01:44 · 1405 阅读 · 0 评论 -
对数据做本地的关键词搜索
<el-input v-model="keyword" size="small" @keyup.enter.native="handleSearchData" placeholder='Search by keyword...'></el-input>原创 2020-04-01 21:33:59 · 297 阅读 · 0 评论 -
根据数组中某个对象的属性对该数组去重
在项目过程中,有时候就需要对接收到的数据做去重处理:1.如果是单纯的只有一层数据结构的数据,去重的话我一般会用ES6的 new Set 方法:let arr = [1,4,5,7,3,6,1,4];let newArr = Array.from(new Set(arr));console.log(newArr);//[1,4,5,7,3,6]2.但是真正在项目中,我们很少...原创 2020-03-26 20:23:11 · 687 阅读 · 0 评论 -
父组件向子组件传对象
1.通过对象的嵌套 在父组件中引入子组件,数据绑定为temp<script> export default{ data(){ temp:{ manager:{ name:"", age:"" } } ...原创 2019-01-04 10:21:30 · 9821 阅读 · 3 评论 -
el-dropdown 的事件绑定
<el-dropdown class="filter-select" @command="handleCompanyChange" trigger="click"> <span class="el-dropdown-link font-bold"> {{company}}<i class="el-icon-car原创 2019-01-22 16:26:06 · 4491 阅读 · 1 评论 -
使用websocket实现实时推送
1.Websocket概述 websocket是客户端和服务器端进行交互的简单协议,在websocket中,服务器和浏览器只需要进行一次握手,两者之间就可以建立持久的连接性,并可以进行双向的数据传送。2.Websocket的使用 // 初始化websocket initWebsocket() { this.userInfo = Tools.get...原创 2019-02-19 09:40:17 · 444 阅读 · 0 评论 -
获取两个日期内的所有时间
//获取两日期之间日期列表函数 getDuringDate(stime,etime){ console.log("我是开始和结束的时间",stime,etime); //初始化日期列表,数组 this.abscissa = []; let i=0; //开始日期小于等于结束日期,并循环 while(stime<=etime)...转载 2019-02-20 09:22:35 · 664 阅读 · 0 评论 -
E-chart在vue中的使用
1.在项目中安装ECharts: npm install echarts --save2.找到main.js文件,然后引入ECharts:import echarts form 'echarts';Vue.prototype.$echarts = echarts;3.在相关页面绘制图表:<template><div class="chart-contai...原创 2019-08-20 10:26:10 · 321 阅读 · 0 评论