vue

vue通过判断动态显示样式

<el-table-columnalign="center"prop="submitState"label="报送状态"><templateslot-scope="scope"><div:已上报'?'color:#01b79d;':'color:#ec5656;'">{{scope....

vue 实时显示年月日时分秒星期上下午

exportdefaultclassGlobalHeaderextendsVue{time:any=''timeFormate(dt:any){letyy=dt.getFullYear();letmm=dt.getMonth()+1;letdd=dt.getDate();lethh=dt.getHours();letm...

vue ref获取元素设置样式

<divref="indexChart"><div>this.$refs.indexChart.$el.style.display='none'  ...

vue 点击动态切换样式

<template><div><el-row><el-col:span="8"class="el-col":class="{'BorderActive':isActive===1}"><div><imgsrc="/img/map/basemap.png"...

vue 页面点击图标动态切换

<template><el-containerclass="box-card"><el-asidecolor:#800000;">"width:16%;background-color:#ffffff;border:solid2px#eeeeee"><divclass="con...

vuex基本使用

1.组件之间共享数据的方式父向子传值:v-bind属性绑定子向父传值:v-on事件绑定兄弟组件之间共享数据:EventBus$on接收数据的那个组件$emit发送数据的那个组件 2.Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。  好处:    ①能够在vuex中集中管理...
代码星球·2020-07-28

vue input框type=number 保留两位小数自定义组件

第一步:自定义组件MyNumberInput.vue<template><inputclass="numberInput"type="number":placeholder="placeholder"v-model="inputData"@keydown="keydownFn"/></te...

vue-electron脚手架

vue-electron官方文档(中文):https://simulatedgreg.gitbooks.io/electron-vue/content/cnvue-electron官方文档(英文):https://simulatedgreg.gitbooks.io/electron-vue/content/en#安装v...
代码星球·2020-07-24

mui在vue_cli上使用

在main.js里添加importmuifrom'./assets/js/mui.js'如果不添加下面会显示muiisnotdefined报错Vue.prototype.mui=mui添加成功后就可以使用mui了? 结果发现在vue里会使用严格模式,而mui不支持严格模式上使用,就会报错 Uncau...
代码星球·2020-07-14

VUE上传文件夹的三种解决方案

1 背景用户本地有一份txt或者csv文件,无论是从业务数据库导出、还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候,首先要将本地文件上传至ODPS,普通的小文件通过浏览器上传至服务器,做一层中转便可以实现,但当这份文件非常大到了10GB级别,我们就需要思考另一种形式的技术方...

VUE文件夹上传解决方案

文件夹数据库处理逻辑public class DbFolder{    JSONObjectroot;       public DbFolder()  &nb...

VUE大文件上传解决方案

需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步:前端修改由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项...

VUE上传大文件的三种解决方案

文件夹数据库处理逻辑public class DbFolder{    JSONObjectroot;       public DbFolder()  &nb...