随笔分类 - 工作
摘要:.el-dialog{ display: flex; flex-direction: column; margin:0 !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .el-di
阅读全文
摘要:<template> <el-table :data="tableData" style="width: 100%"> <el-table-column label="日期" width="180"> <template slot-scope="scope"> <i class="el-icon-t
阅读全文
摘要:一个固定高度的div的子元素 在垂直 方向上平均分布 .important-dec{ height: 121px; flex-direction: column; display: flex; justify-content: space-between; } 动态计算元素的宽 除了支持 - 还有
阅读全文
摘要:今天下午在请求接口的时候,出现了一个问题就是 传参问题 接口是请求成功的200,但是修改后返回来的却是500,这就很纳闷怎么会这样了。 经过查找,原来是因为传参问题。将有一个name:0 传递成了name:1; 又是怎么确认是传参的问题了。 不要去写动态传递参数了。写一个死的参数 来测试这个死的参数
阅读全文
摘要:功能需求: 在下拉框中选择你所需要缩放的比例, 选择好了之后,图片会按照你选择的比例进行缩放 1==》如何获取select中option选中的值 在select添加事件change 和双向绑定v-model <select @change="changeValue" v-model="myVal">
阅读全文
摘要:1==》如何让div里面的元素在【垂直 方向】上水平分布.important-dec{ height: 121px; //必须固定高度 flex-direction: column; //垂直排列 display: flex; justify-content: space-between;} 2==
阅读全文
摘要:npm i xxxx -D 就是 npm i xxxx --save-dev 是把依赖写入进devDependencies对象里面 devDependencies 是开发环境下的依赖,这里是开发环境下的依赖,上线后非必需,比如:webpack,gulp等压缩打包工具 npm i xxxx-S 就是
阅读全文
摘要:如何让table中td与四周有间距 方法一 在td下再添加一个会计元素 <tr> <td>第2节</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>英语</td> <td class="meishu"> <a class="meishu-a">美术</a> <
阅读全文
摘要:3==》vue 鼠标右击<div @contextmenu.prevent="mouseRightClick">prevent是阻止鼠标的默认事件 4==》自己封装的组建,不可以写 @click="Delbg(index)" 这一种是没有任何效果的哦。 <!-- notecolordel 是自己的组
阅读全文
摘要:当你使用vue/cli3.0的时,有可能出现雁阵规则 ESLint: Expected indentation of 2 spaces but found 4. (indent) 解决方法 1、在vue.config.js中 添加 lintOnSave: false, false不能加引号 然后新建
阅读全文
摘要:在mouted中去获取页面的高度(clientHeight) 然后给每个区域动态分配值 对于页面一屏显示这个问题你首先看看自己用的电脑的分辨率 用js动态获取然后看看ui图是否是跟你的获取电脑的分辨率尺寸一致 如果一致的,你就可以按照UI图来,如果不是,你就要微调上下间距对应一屏展示 不可能所有的分
阅读全文
摘要:3==》v-for循环 绑定类名 在添加一个类 class="show-icon-div" 无论如何都有的 <i class="iconfont" :class="itemIcon"></i> 第二个:class="itemIcon"是动态绑定的 在添加一个class <div v-for="(it
阅读全文