![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
功能实现
瑜依依
记录点滴
展开
-
element-ui上传图片>解析成base64格式>并在页面中显示
效果:结构: <div> <div class="badege_box"> <el-upload class="avatar-uploader" action="" accept=".j...原创 2019-11-28 09:13:19 · 1430 阅读 · 1 评论 -
vue element-Ui分页的使用
<el-table width='98%' :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"> <el-table-column prop="a" label="教案" width="140"></el-table-column>...原创 2019-11-28 08:54:33 · 133 阅读 · 0 评论 -
vue实现tab切换案例
结构:<div class="statisticsNav"> <div :class="{'selected':tab === 1,'statisticsTitle':true}" @click="toTab(1)">空间统计</div> <div :class="{'selected':tab === 2,'statisticsTitle':t...原创 2019-11-28 08:46:38 · 975 阅读 · 0 评论 -
flex 分类模块布局 (双排盒子布局 等比例 等间距)Vue绑定数据
效果如下:样式<style lang="scss">body{ background-color: #f4f7fb; }#home{ height: 100%; .main{ padding: 20px; height:75%; .home_content{ height: ...原创 2019-11-15 11:17:06 · 1695 阅读 · 0 评论 -
vue插值表达式{{}}写法 金额保留两位小数
结构:<span class="applyMoney">可提现金额 {{money.toFixed(2)}} 元</span>js: data () { return { money:0.00 }; },效果:原创 2019-10-04 16:13:25 · 2882 阅读 · 1 评论 -
Vue实现移动端原生TopHeader公共组件
功能组件创建、位置存放;.vue文件代码<template> <div class="topHeader"> <div class="headerContent"> <!-- <i class="el-icon-arrow-left"></i> --> <span @cli...原创 2019-09-27 12:57:07 · 765 阅读 · 0 评论 -
vue显示密码功能
html <div class="checkedPassWord"> <input type="checkbox" id="checkPassWord" @click="showPassWord" :checked="flag" ref="input"><span>显示密码</span> </div&...原创 2019-09-27 11:50:52 · 902 阅读 · 1 评论 -
vue项目中金额小写转换为汉字大写的功能封装
先新建一个功能js文件为required.jsexport default{ /* * 封装公共金额转化大小写验证 * @author 王天瑜 * @date 2019-06-15 * */ proof:function check(n){ if(n ==''){ return'输入...原创 2019-06-16 12:10:04 · 4758 阅读 · 2 评论 -
vue 图片路径问题 第一张图无法显示时用第二张图
:src =绑定图片路径:onerror 当图片碎裂时 我用这个属性加入一张替换图片注意这个属性 有个缺点 :如果第二张图片路径不存在时候,就会闪烁一直请求,所以必须保证有这张图片!...原创 2019-05-13 17:06:17 · 697 阅读 · 0 评论 -
element-ui的图标设置大小
scss样式:只需要给父盒子设置字体大小组件样式:原创 2019-05-13 17:09:05 · 71857 阅读 · 7 评论 -
element-ui的el-table表格中给暂无数据加背景图
css样式:.el-table__empty-text {display: block;width: 500px;height: 385px;padding-top: 300px;background:url(’…/assets/img/Noneimg.jpg’) no-repeat;color: #909399;box-sizing: border-box;}插入背景图效果:...原创 2019-06-13 14:33:42 · 6463 阅读 · 1 评论 -
element-ui的文本框 input加㎡平方米符号
属性://这个图标属性㎡放在el-input里面 <i slot="suffix" style="font-style:normal" class="metre">㎡</i>template代码: <el-input class="radioy" clearable :data-...原创 2019-06-13 14:23:50 · 4357 阅读 · 1 评论