解决element-ui中span标签默认不显示空格问题

最近遇到一个bug,后台返回来的数据有空格,但是前端用span标签渲染上去,空格就自动清除了,找了好久,才发现给span标签添加一行样式,一切都解决了span{ white-space:pre;}快拿去试试吧~
分类: 其他 发布时间: 01-29 23:25 阅读次数: 0

element-ui中表格快速渲染方法

以前习惯用v-for遍历后去渲染,后来公司的静态页面都是做好的,只需要渲染数据即可,学到了一个快速的方法1. 将要渲染的表格内容用prop表示出来2. get到的数据用对象保存3. 如果要根据后台返回不同的字段,显示不同的值,可定义formatter函数下面贴出全部代码<template> <div class="voice-info"> <div class="equipInfo-voice"> <div class="
分类: 其他 发布时间: 01-29 23:25 阅读次数: 0

解决element-ui中,数据嵌套太深,表单验证拿不到值的问题

因为后台返回的数据层次结构太深,所以在双向绑定的时候没有一一定义,最后在做验证的时候发现,数据没有定义,直接通过我们的form表单,是拿不到数据的,也做不了验证,就只能整个页面重新规范开发,这里给出应对数据嵌套太深,表单验证拿不到值的解决方法...
分类: 其他 发布时间: 01-29 23:25 阅读次数: 0

关于element-ui中使用table表格相关问题

关于element-ui中使用table表格相关问题1.hover某一行时修改背景颜色可引入固定代码.el-table--enable-row-hover { .el-table__body tr:hover > td { background: #E6FFF7;//这里写你想切换的颜色 }}`2. 固定表头当你的表格某一行需要hover或者active增加一定的样式或效果时,你会发现样式效果加上后,表头就算是固定宽度,但是还是会出现不断闪烁,这时候可在 总css文件里面
分类: 其他 发布时间: 01-29 23:25 阅读次数: 0

重力感应、陀螺仪相关算法

rx,ry,rz为弧度值,x,y,z为重力感应值;rx = atan(x / sqrt(yy + zz)) 180/3.1415926ry = atan(y / sqrt(xx + zz)) 180/3.1415926rz = atan(z / sqrt(xx + yy)) *180/3.1415926
分类: 其他 发布时间: 01-29 23:24 阅读次数: 0

ubuntu 64位下运行32编译器 gcc 提示No such file or directory

由于64位下运行32编译器缺少相应的库文件,所以运行时会报错 ./arm-none-eabi-gccbash: ./arm-none-eabi-gcc: No such file or directory运行下面加载库文件的命令:sudo apt-get install lib32ncurses5 lib32z1就显示安装成功了,...
分类: 其他 发布时间: 01-29 23:24 阅读次数: 0

linux curl 请求https下载数据

#include <stdio.h>#include <stdlib.h>#include <unistd.h>#include <curl/curl.h>#define FILE_PATH "/tmp/test.dat"#define TEST_URL "https://my.aliyuncs.com/testdata/test.dat" //服务器访问URLstatic FILE *fp_aui = NULL;static siz
分类: 其他 发布时间: 01-29 23:24 阅读次数: 0

QT简单实例计算圆的面积

注意:本文部分或全部内容摘自《Qt5开发及实例 陆文周 主编》dialog.h#ifndef DIALOG_H#define DIALOG_H#include <QDialog>#include <QLabel>#include <QPushButton>#include <QLineEdit>#include <QWidget>#include <QSerialPort>#include <QSerialP
分类: 其他 发布时间: 01-29 23:23 阅读次数: 0

屏幕录像-视频-图片处理

视频-图片处理网址:https://ezgif.com/video-to-gif屏幕录像工具FastStoneCapturePortable:链接:https://pan.baidu.com/s/1CGl_9ZDZehNgBpQrPxpYtw提取码:8z7z
分类: 其他 发布时间: 01-29 23:23 阅读次数: 0

QT5 代码创建控件示例

#include "mainwindow.h"#include <QApplication>#include <QPushButton>#include <QLabel>#include <QWidget>#include <QTimer>#include <QDateTime>#include <QLayout>#include <QLayoutItem>#include <QAbst
分类: 其他 发布时间: 01-29 23:23 阅读次数: 0

QT TreeWidget

widget.h#ifndef WIDGET_H#define WIDGET_H#include <QWidget>#include <QTreeWidgetItem>QT_BEGIN_NAMESPACEnamespace Ui { class Widget; }QT_END_NAMESPACEclass Widget : public QWidget{ Q_OBJECTpublic: Widget(QWidget *parent = nu
分类: 其他 发布时间: 01-29 23:23 阅读次数: 0

QT 停靠窗口DockWindows

dockwindows.h#ifndef DOCKWINDOWS_H#define DOCKWINDOWS_H#include <QMainWindow>class DockWindows : public QMainWindow{ Q_OBJECTpublic: DockWindows(QWidget *parent = nullptr); ~DockWindows();};#endif // DOCKWINDOWS_Hdockwindows
分类: 其他 发布时间: 01-29 23:23 阅读次数: 0

QT 分割窗口Splitter类

mainwindow.h#ifndef MAINWINDOW_H#define MAINWINDOW_H#include <QMainWindow>QT_BEGIN_NAMESPACEnamespace Ui { class MainWindow; }QT_END_NAMESPACEclass MainWindow : public QMainWindow{ Q_OBJECTpublic: MainWindow(QWidget *parent = nul
分类: 其他 发布时间: 01-29 23:22 阅读次数: 0

QT WindowFlags枚举

#include "dialog.h"#include <QApplication>int main(int argc, char *argv[]){ QApplication a(argc, argv); Dialog w; w.setWindowFlag(Qt::Widget); // 没有父窗口,就是独立窗口,否则是子窗口; w.setWindowFlag(Qt::Window); // 无论有无父窗口,都是一个独立窗口; w.setWi
分类: 其他 发布时间: 01-29 23:22 阅读次数: 0

堆栈窗体StackedWidget

堆栈窗体StackedWidget多与列表框QListWidget和下拉列表框QComboBox配合使用;stackeddialog.h#ifndef STACKEDDIALOG_H#define STACKEDDIALOG_H#include <QDialog>#include <QListWidget>#include <QStackedWidget>#include <QLabel>class StackedDialog : publ
分类: 其他 发布时间: 01-29 23:22 阅读次数: 0

QT 基本布局QLayout

Qt基本布局管理类:QHBoxLayout、QVBoxLayout、QGridLayout等类型,继承关系:布局中常用的方法有addWidget()和addLayout();// addWidget()函数原型:void addWidget( QWidget *widget, //要插入的控件对象 int fromRow, //插入的行 int fromColumn, //插入的列 int rowSpan, //表示占用的行数 int columnSpan, //表示占用的列数
分类: 其他 发布时间: 01-29 23:22 阅读次数: 0

QT 布局示例

baseinfo.h#ifndef BASEINFO_H#define BASEINFO_H#include <QWidget>#include <QLabel>#include <QLineEdit>#include <QComboBox>#include <QTextEdit>#include <QGridLayout>#include <QPushButton>#include <QHBox
分类: 其他 发布时间: 01-29 23:21 阅读次数: 0

QT 对话框实例

QT基本对话框:标准文件对话框(QFileDialog)、标准颜色对话框(QColorDialog)、标准字体对话框(QFontDialog)、标准输入对话框(QInputDialog)、标准消息对话框(QMessageBox 包括:Question、Information、Warning、Critical、About、AboutQt等消息框)等等。 相关联 类说明 静态函数 函数说明 QFileDialog类 标准文件对话框 getOpenFileNam
分类: 其他 发布时间: 01-29 23:21 阅读次数: 0

QToolBox类实现抽屉效果

drawer.h#ifndef DRAWER_H#define DRAWER_H#include <QToolBox>#include <QToolButton>#include <QGroupBox>#include <QVBoxLayout>class Drawer : public QToolBox{ Q_OBJECTpublic: Drawer(QWidget *parent=nullptr, Qt::Window
分类: 其他 发布时间: 01-29 23:21 阅读次数: 0

QT QProgressBar,QProgressDialog实例

QProgressBar类的几个重要属性:minimum:进度条指示的最小值;maximum:进度条指示的最大值;format:决定进度条显示文字的格式,可以有三种显示格式:"%p%"(显示完成的百分比,默认显示方式)、"%v"(显示当前的进度值)和"%m"(显示总的步进值);设置进度条的步进范围:QProgressBar::setRange(0, 10000);QProgressDialog类的几个重要属性:mininum:进度条最小值;maximum:进度条最大值;minimumD
分类: 其他 发布时间: 01-29 23:21 阅读次数: 0