香草物语

统计

登录

/

注册

标签搜索

搜索到 6 篇与的结果

ElementUI中一个页面多个el-descriptions列不对齐问题处理

ElementUI中一个页面多个el-descriptions列不对齐问题处理

使用ElementUI框架时，如果我们希望列表形式展示多个字段。可能经常使用Descriptions描述列表，如果一个页面只有一个Descriptions时，列宽显示是没有问题的，但是如果有多个Descriptions，你会发现，各个Descriptions之间的列宽，可能显示的不一致。为了保持各列宽度一致，我们可以设置contentStyle属性。<el-descriptions border :label-style="{ width: '110px' }" :contentStyle="content_style"> </el-descriptions> 然后在data里面，设置具体的content_stylecontent_style: { // 居左 'text-align': 'left', // 设置长度 width: '400px', // 排列第二行 'word-break': 'break-all' }

2024-05-30

457 阅读

0 评论

2024年05月30日

457 阅读

0 评论

ElementUI中el-input-number实时监听值变化

ElementUI中el-input-number实时监听值变化

在前端开发过程中，我们经常会遇到将金额转大写的情况，我们要实现的效果，是只要输入就实时计算大写，而不是等全部输入完成失去焦点后。如果使用ElementUI框架的el-input-number控件的@input事件，是无法达到实时显示效果的。html代码 <el-col :span="24"> <el-form-item label="本次报价" prop="quotationPrice"> <el-input-number :precision="2" :step="100" :max="10000000" :min="0" v-model="form.quotationPrice" style="width: 100...

2024-05-29

473 阅读

0 评论

2024年05月29日

473 阅读

0 评论

Vue+element-ui导出el-table中的数据

Vue+element-ui导出el-table中的数据

1.先安装依赖npm install --save xlsx file-saver2.在要导出的vue组件中的script引入import FileSaver from "file-saver" import XLSX from "xlsx"3.导出方法exportExcel() {//执行此方法导出Excel表格 // 为el-table添加一个id：out-table // 当el-table使用了fixed时会导出两次数据，所以要先进行判断 var fix = document.querySelector('.el-table__fixed'); var wb; if (fix) { // 如果有fixed，先移除，然后再添加上 wb = XLSX.utils.table_to_book(document.querySelector("#out-table").removeChild(fix)) document.querySelec...

2021-01-04

1,435 阅读

0 评论

2021年01月04日

1,435 阅读

0 评论

el-datepicker设置可选日期范围

el-datepicker设置可选日期范围

1.只能选择当前及以后的日期<el-date-picker v-model="value1" type="date" :picker-options="pickerOptions"> </el-date-picker> data() { return { pickerOptions: { disabledDate(time) { return time.getTime() < Date.now() - 8.64e7; } }, }2.只能选择今天以及今天以前的日期data (){ return { pickerOptions: { disabledDate(time) { return time.getTime() &...

2021-01-04

1,451 阅读

0 评论

2021年01月04日

1,451 阅读

0 评论

element ui之el-select选择控件使用一些说明的

element ui之el-select选择控件使用一些说明的

这会是一片持续更新的博文，主要记载使用elementui的日期控件el-date-picker的一些问题或者奇技淫巧。对选禁止换行el-select支持多选操作，但是在使用过程中，如果用户选择的元素比较多，会导致el-select的内容换行显示，影响美观。针对这个问题，我们有两种解决方案，但是都各有缺点。1.通过覆盖样式解决通过样式覆盖的方式解决，是相对来说比较好的一种方式。通过覆盖elementui的样式，禁止换行。在style中，增加如下css（不能在scoped中添加，在scoped中写不会生效）.el-select__tags { flex-wrap: nowrap; overflow: hidden; }这种方式的缺点是多余的内容不会显示。2.通过collapse-tags属性合并内容collapse-tag是el-select自带的一个属性。当选择多个元素时，只显示第一个元素，后面的元素显示1⃣️2⃣️3⃣️...这种格式。这种方式虽然解决了换行的问题，但是只能显示第一个元素，显示效果不如第一种方式。

2020-11-01

2,084 阅读

0 评论

2020年11月01日

2,084 阅读

0 评论

elementui input控件的按键事件的不起作用解决

elementui input控件的按键事件的不起作用解决

使用el-input插件后直接使用keyup等是不生效的，需要在@keyup等事件后加上native，即@keyup.enter.native='(方法)'。@keydown、@keypress都是类似的。<template> <div> <el-input @blur="click" @keyup.enter.native="click" v-model="input" placeholder="请输入内容"></el-input> <input @keyup.enter="click" v-model="input" placeholder="请输入内容"> </div> </template> <script> export default { name: '事件绑定与监听', data () { ...

2020-10-18

1,445 阅读

0 评论

2020年10月18日

1,445 阅读

0 评论

访问 678416 ℃

565 文章数

1,423 评论量

互动读者

人生倒计时

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

最新回复

ede闲逛
2024-07-05

感谢老铁
芽儿哟闲逛
2024-04-26

AliyunFileUploadService类里的
private OSS ossClient ;
private AliyunConfig aliyunConfig;
一直显示空怎么解决？
土豆闲逛
2024-01-29

感谢楼主的分项
aaa闲逛
2023-12-25

烦死了不会又是没下载链接的吧
danfan闲逛
2023-10-25

大佬，给一个efi文件吧。我找了N久都没找到合适的。

感谢老铁
AliyunFileUploadService类里的private OSS ossClient ;private AliyunConfig aliyunConfig;一直显示空怎么解决？
感谢楼主的分项
烦死了不会又是没下载链接的吧
大佬，给一个efi文件吧。我找了N久都没找到合适的。
感谢分享
升级完主题软件用不了了，提示服务器故障::(笑尿)
求matebook x pro 2020的 efi 41828681@qq.com
华为mate x pro 2020款可以发一下资料吗
商业化了，没意思了