样式 组件scoped vue
设置边框样式
设置边框样式 表格边框样式定义 四个全面时间 全面建设社会主义现代化国家 2012年11月 全面深化改革 2012年11月 全面依法治国 2012年11月 全面从严治党 2012年11月 ......
css样式实现内容超过三行隐藏并显示省略号
text-overflow: -o-ellipsis-lastline; overflow: hidden; //溢出内容隐藏 text-overflow: ellipsis; //文本溢出部分用省略号表示 display: -webkit-box; //特别显示模式 -webkit-line-cl ......
el-upload组件问题 已解决
前两天我写了一个上传下载功能 使用<el-upload>组件 当后端将文件流格式数据发送到响应里面前端屈接受的时候 ，我们使用 <el-upload> 组件里面的 :on-success 方法进行捕捉，使用blob进行文件下载 文件可以正常下载下来 但是打开文件损坏 我去网上寻找答案， 但大多都是说 ......
VUE常见问题，持续更新
最新接触VUE3，作为新手在使用TS语法时经常会遇到一些各种各样的问题，在些做个归纳。 1.直接引用 .json文件最报错 TS2732: Cannot find module '@/data.json'. Consider using '--resolveJsonModule' to import ......
解决element-ui评分组件 半星展示不全的问题
//解决半星展示不全的问题 /deep/ .el-rate { display: inline-block; margin-left: 20px; &::before { display: inline-block; content: ""; width: 1px; margin-bottom: - ......
tree组件根据指定属性进行过滤
临时写的，仅供参考 示例，过滤isTrue属性为true的属性，子节点存在匹配数据，会直接将父节点返回 const arr = [ { id: 1, name: '1', isTrue: false, children: [ { id: 2, name: '2', isTrue: true, chi ......
ubuntu 20 安装k8s 1.24 -3个组件
搜索 阿里云源 开源镜像网站 找kubernetes 点进去，配置方式 apt-get update && apt-get install -y apt-transport-httpscurl https://mirrors.aliyun.com/kubernetes/apt/doc/apt-key ......
java基于springboot+vue的校园新闻网站、校园新闻管理系统，附源码+数据库+文档+PPT，适合毕业设计
1、项目介绍 校园新闻网站的主要使用者分为管理员和用户，实现功能包括管理员：首页、个人中心、用户管理、新闻类型管理、校园新闻管理、留言板管理、论坛交流、系统管理，用户前台：首页、校园新闻、论坛交流、留言反馈、个人中心、后台管理等功能。由于本网站的功能模块设计比较全面，所以使得整个校园新闻网站信息管理 ......
Vue学习
vue第一个案例 vue.js 开发版本 vue.min.js 生产版本（压缩版） 第一个案例： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type=" ......
pytes中fixture的scope: 决定可以在什么范围内共享fixture
1fixture的scope 在@pytest.fixture(scope='xxx')中，scope的可选值有5个，以下是官网的描述 2 function级别的scope 添加如下代码到pytest.ini，便于输出日志 新建conftest.py文件,把fixture函数写入其中，便于后面fix ......
java基于springboot+vue的垃圾分类管理系统，附源码+文档+PPT+数据库
1、项目介绍 垃圾分类网站的主要使用者分为管理员和用户、垃圾分类管理员，实现功能包括管理员：首页、个人中心、用户管理、垃圾分类管理员管理、垃圾分类管理、垃圾类型管理、垃圾图谱管理、系统管理，垃圾分类管理员；首页、个人中心、用户管理、垃圾分类管理员管理、垃圾分类管理、垃圾类型管理、垃圾图谱管理，用户前 ......
vue naive ui 前端获取日期数据传递给后端
vue naive ui 前端获取日期数据传递给后端 设置日期选择器 1. 使用表单输入绑定的方法把用户选定的日期传递给data中的值 (检查数据是否更新的方法) 2. 返回给后端的时间格式 后端想要接收的格式为json,其中包括starttime endtime 和macid，并且时间格式为<cl ......
vue2和vue3父子组件生命周期的执行顺序
vue3的父子组件生命周期的执行顺序 father setup -> father onBeforeMount -> child setup -> child onBeforeMount -> child onMounted -> father onMounted vue2的父子组件生命周期的执行顺 ......
Vue框架中如何使用Baidu地图
1.安装 vue-baidu-map 依赖 npm install vue-baidu-map --Save 2.在Vue项目中src找到main.js进行引用 import BaiduMap from 'vue-baidu-map-v3' Vue.use(BaiduMap, { ak: '百度地图 ......
vue mock数据
这里使用的是fastmock，找到官网 这里声明了一个名称是test，基础路径是/api的接口 点击右侧的箭头进入。 界面右侧有一个蓝色的新增接口 按钮，点击一下。 输入接口内容，实例如下： 保存即可。 这时在前台 根地址+接口地址 就是完整的mock路径 ......
Vue2中 ?. 可选链式调用操作符
可选链运算符（?.）允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符，不同之处在于，在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用 ......
Vue el-form表单resetFields与clearValidate方法失效的三个坑
1.在el-form标签中 必须要绑定一个model，而且必须是:model，不能是v-model ，这个是element-ui那边规定2.prop属性需要和上述model绑定的对象里的字段完全一致3.调用方法是this.$refs["refName"].resetFields()，this.$re ......
Django框架——ajax补充、多对多三种创建、序列化组件、批量操作数据、分页器
ajax补充说明 主要是针对回调函数args接收到的响应数据 1.后端request.is_ajax() 用于判断当前请求是否由ajax发出 2.后端返回的三板斧都会被args接收不再影响整个浏览器页面 3.选择使用ajax做前后端交互的时候 后端一般返回的都是字典数据 user_dict = {' ......
Django——基于forms组件和ajax的注册功能
Django——基于forms组件和ajax的注册功能 path('register/',views.register) #注册的form表单 from django import forms from django.forms import widgets class RegForm(forms. ......
Qt设置QToolTip提示框样式
ui.label->setStyleSheet("QToolTip{border:1px solid rgb(118, 118, 118); background-color: #ffffff; color:#484848; font-size:12px;}"); //设置边框, 边框色, 背景色, ......
vite+vue3+ts简单例子todolist
1、安装vite $ npm init vite@latest √ Project name: ... vue-el-admin √ Select a framework: » Vue √ Select a variant: » TypeScript Scaffolding project in D ......
Vue3项目（Vite+TS）使用Web Serial Api全记录
前言 之前写了一个vue+django的一个通过串口控制的上位机系统。但是实际生产中，不如部署到服务器上，这样可以更好的节约成本。但是这样就需要弄一个客户端来控制处理串口信息。那我就在想能不能通过网页直接拿到客户端的串口信息。所以问了万能的chatgpt，得到了以下答案： 是的，前端可以使用 Web ......
vue + docxtemplater实现将数据导出为word文档
###官方文档 https://docxtemplater.com/ ###博客 https://juejin.cn/post/7088221762965471269 ......
vue 二维码海报合并生成海报 组件
<!--vue海报二维码组件，只需传入背景图片文件的URL 和二维码图片文件的URL --><template> <div> <div @click="guanbi" v-if="isShowPoster"> <div class="poster-wrapper" v-if="!imgSrc"> < ......
【Vue】vue3 vue-pdf-embed 实现pdf预览、缩放、拖拽、旋转和左侧菜单选择
实际效果 安装插件 pnpm install vue-pdf-embed pnpm install vue3-pdfjs 左侧pdf菜单组件 <template> <div class="pdf-view-list"> <div class="item active-item" v-for="(it ......
Vue3 开发必备的 VSCode 插件
分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。 1、Volar 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法 ......
bootstrap-select组件
bootstrap-select组件 mmkkuoi 于 2021-10-13 12:08:55 发布 10178 收藏 19 分类专栏： js 文章标签： bootstrap select 版权 华为云开发者联盟 该内容已被华为云开发者联盟社区收录 加入社区 js 专栏收录该内容 2 篇文章0 订 ......
Element样式参考
.demo-block { border: 1px solid var(--el-border-color-base); border-radius: 3px; transition: .2s } .demo-block.hover { box-shadow: 0 0 8px 0 rgba(232, ......