摘要:
需求描述 el-tree组件节点默认展开,单击节点不会触发伸缩,双击节点获取当前节点的数据。 问题解决 el-tree 默认展开并设置阻止单击节点自动展开或收缩 <el-tree default-expand-all :expand-on-click-node="false" @node-click 阅读全文
摘要:
需求描述 在表单中使用利率,要求输入值在0-100之间,输入框后显示 % ,传递给后端的是能是数字。 问题解决 样式 // scss .suf-after { display: block; width: 25px; height: 35px; text-align: center; positio 阅读全文
摘要:
需求描述 一个提示功能,可能有多条数据需要显示,但是展示的地方最多显示3条,要求当返回的数据超过3条,就通过上下滚动显示。鼠标移入停止滚动,鼠标移出继续滚动。 问题分析 展示区高度固定,信息列表高度是根据数据条数计算的,可以通过定位,然后修改信息列表的 top 值来实现滚动效果,滚动的最大高度 po 阅读全文
摘要:
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document */ /** * 1. Correct the line height in all browsers. * 2. Pre 阅读全文
摘要:
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h 阅读全文
摘要:
svg图标优点 svg与iconfont之类的字体图标在网页中的使用差别不大,可以修改大小,颜色等而且不失真。 安装svg-sprite-loader npm install --save-dev svg-sprite-loader 文件夹目录 (xxx.svg 注意:这里的 xxx 不要使用中文) 阅读全文
摘要:
问题描述 最近使用git提交代码发现总是报错,查了很多资料,比如关闭或打开vpn,取消代理服务器,取消全局代理等都无法解决问题,最后找到直接找github的IP地址修改hosts文件后成功了。 使用git push 或 git clone 报错信息: fatal: unable to access 阅读全文
摘要:
问题描述 在使用elementUI开发,想要对dialog进行二次封装,可以实现一个类似v-model双向绑定的功能。 问题分析 v-model其实就是一个语法糖,它实际上做了两个动作: 绑定数据 value 触发输入的input事件去修改value <input type="text" :valu 阅读全文
摘要:
问题描述 使用elementUI(v2.13.2)开发过程中使用el-table渲染列表,需要控制table的最大高度,达到溢出滚动的效果。 问题解决 参考element文档,可以使用 max-height属性(Table 的最大高度。合法的值为数字或者单位为 px 的高度),于是可以设置一个具体的 阅读全文
摘要:
需求描述 vue-element-admin开发过程中需要对el-table行进行排序(即每一行可以上下移动),然后将排序后的数据传给后台更新数据。该表格无分页。 问题分析 方法一:可以采用在每条数据中加两个上下移动的按钮,每次移动一行。该方法实现简单,不过要连续移动的时候需要多次调用接口,交互效果 阅读全文