当前位置: 首页 > article >正文

前端+AI项目学习笔记day8

二十、分页效果实现二十一、知识文章新增弹窗编写ArticleDialog.vue组件template el-dialog title文章详情 v-modeldialogVisible width50% closehandleClose el-form :modelformData :rulesrules refformRef label-width120px el-form-item label文章标题 proptitle el-input v-modelformData.title placeholder请输入文章标题 maxlength200 show-word-limit clearable / /el-form-item /el-form /el-dialog /template script setup import { reactive, ref, computed } from vue const props defineProps({ modelValue: { type: Boolean, default: false } }) const formData reactive({ title: , content: , coverImage: , categoryId: 0, summary: , tags: , id: }) const rules reactive({ title: [ { required: true, message: 请输入文章标题, trigger: blur }, { max: 50, message: 文章标题最多50个字符, trigger: blur } ], }) const emit defineEmits([update:modelValue]) const dialogVisible computed({ get(){ return props.modelValue }, set(val){ emit(update:modelValue,val) } }) const handleClose () {} /script引入组件

相关文章:

前端+AI项目学习笔记day8

二十、分页效果实现二十一、知识文章新增弹窗编写ArticleDialog.vue组件<template><el-dialogtitle"文章详情"v-model"dialogVisible"width"50%"close"handleClose"><el-form :model"formData" :rules"…...

实测DeepSeek-OCR-WEBUI:中文识别精准,复杂背景也能搞定

实测DeepSeek-OCR-WEBUI&#xff1a;中文识别精准&#xff0c;复杂背景也能搞定 1. 从“看不清”到“读得懂”的跨越 你有没有遇到过这样的场景&#xff1f;拍了一张会议白板的照片&#xff0c;上面的字迹有些潦草&#xff0c;背景还有各种投影仪的影子&#xff0c;想用手机上…...

Cosmos-Reason1-7B在复杂网络协议分析中的应用场景

Cosmos-Reason1-7B在复杂网络协议分析中的应用场景 网络工程师的日常&#xff0c;常常伴随着海量的数据包和复杂的协议交互。面对一个动辄几个G的抓包文件&#xff0c;如何快速定位一次握手失败的原因&#xff0c;或者解释某个应用为何响应缓慢&#xff0c;往往需要深厚的协议…...

深求·墨鉴在办公场景实战:快速整理会议纪要,手写笔记一键电子化

深求墨鉴在办公场景实战&#xff1a;快速整理会议纪要&#xff0c;手写笔记一键电子化 1. 办公文档数字化的痛点与解决方案 在日常办公中&#xff0c;我们经常面临这样的困扰&#xff1a;重要会议的手写笔记难以整理&#xff0c;白板讨论内容无法有效留存&#xff0c;纸质文档…...

超元力VR大空间:以技术为桥,解锁沉浸式体验新可能

当数字技术逐渐融入日常生活&#xff0c;人们对体验的需求不再局限于“观看”&#xff0c;而是渴望“参与”和“沉浸”。超元力VR大空间&#xff0c;打破了传统VR体验的局限&#xff0c;以成熟的技术支撑和多元的内容呈现&#xff0c;让人们在有限的物理场地中&#xff0c;感受…...

二叉树的右透视图

思路如下&#xff1a; 借助二叉树的层次遍历&#xff0c;用两个队列&#xff0c;一个队列存当前遍历的层&#xff0c;另一个队列存下一层。 当前队列是最后一个节点的时候&#xff0c;最后这个节点就是右透视图需要展示的节点。在遍历当前队列的时候&#xff0c;把下一层加入下…...

FID指标避坑指南:当你的生成模型分数突然飙升时该怎么办?

FID指标避坑指南&#xff1a;当生成模型分数异常飙升时的诊断与应对策略 1. 理解FID指标的本质与常见陷阱 FID&#xff08;Frchet Inception Distance&#xff09;作为生成对抗网络&#xff08;GAN&#xff09;和扩散模型&#xff08;Diffusion Models&#xff09;领域最广泛使…...

G-Helper终极指南:如何用轻量工具彻底替代Armoury Crate提升ROG笔记本性能

G-Helper终极指南&#xff1a;如何用轻量工具彻底替代Armoury Crate提升ROG笔记本性能 【免费下载链接】g-helper Lightweight, open-source control tool for ASUS laptops and ROG Ally. Manage performance modes, fans, GPU, battery, and RGB lighting across Zephyrus, F…...

如何免费将网易云音乐NCM格式转换为MP3/FLAC:ncmdumpGUI完整指南

如何免费将网易云音乐NCM格式转换为MP3/FLAC&#xff1a;ncmdumpGUI完整指南 【免费下载链接】ncmdumpGUI C#版本网易云音乐ncm文件格式转换&#xff0c;Windows图形界面版本 项目地址: https://gitcode.com/gh_mirrors/nc/ncmdumpGUI 你是否曾经下载了网易云音乐的NCM…...

WarcraftHelper:魔兽争霸3现代兼容性终极解决方案

WarcraftHelper&#xff1a;魔兽争霸3现代兼容性终极解决方案 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper WarcraftHelper是一款专为魔兽争霸3设计…...

Zotero插件市场:如何在Zotero 7+中一键发现和安装最佳插件?

Zotero插件市场&#xff1a;如何在Zotero 7中一键发现和安装最佳插件&#xff1f; 【免费下载链接】zotero-addons Zotero Add-on Market | Zotero插件市场 | Browsing, installing, and reviewing plugins within Zotero 项目地址: https://gitcode.com/gh_mirrors/zo/zoter…...

HeyGem数字人视频生成系统实战:制作新年祝福短视频批量模板

HeyGem数字人视频生成系统实战&#xff1a;制作新年祝福短视频批量模板 新年将至&#xff0c;无论是企业给客户送祝福&#xff0c;还是团队给员工发问候&#xff0c;制作一段温馨的新年祝福视频都是很有仪式感的事情。但问题来了&#xff1a;如果公司有几十位员工&#xff0c;…...

如何3分钟解锁网易云音乐NCM加密文件:ncmdumpGUI终极指南

如何3分钟解锁网易云音乐NCM加密文件&#xff1a;ncmdumpGUI终极指南 【免费下载链接】ncmdumpGUI C#版本网易云音乐ncm文件格式转换&#xff0c;Windows图形界面版本 项目地址: https://gitcode.com/gh_mirrors/nc/ncmdumpGUI 你是否曾从网易云音乐下载了心爱的歌曲&a…...

小红书数据采集终极指南:高效Python爬虫实战技巧解析

小红书数据采集终极指南&#xff1a;高效Python爬虫实战技巧解析 【免费下载链接】xhs 基于小红书 Web 端进行的请求封装。https://reajason.github.io/xhs/ 项目地址: https://gitcode.com/gh_mirrors/xh/xhs 小红书作为中国领先的社交电商平台&#xff0c;汇聚了海量的…...

终极指南:如何用XUnity.AutoTranslator轻松玩转全球Unity游戏

终极指南&#xff1a;如何用XUnity.AutoTranslator轻松玩转全球Unity游戏 【免费下载链接】XUnity.AutoTranslator 项目地址: https://gitcode.com/gh_mirrors/xu/XUnity.AutoTranslator 你是否曾因语言障碍而错过心仪的外语游戏&#xff1f;XUnity.AutoTranslator这款…...

LLM系列:1.python入门:5.列表型对象 (List)

列表型对象 (List) 一. 列表基础 1. 列表创建 list可以存储任意类型对象 (1).直接创建 lst [1, 2, 3, 4](2).列表推导式 ①.表推导式的语法结构基本形式&#xff1a; [表达式 for 变量 in 可迭代对象]带条件&#xff1a; [表达式 for 变量 in 可迭代对象 if 条件]例子&#xf…...

钰泰ETA9742 支持边充边放 移动电源充电集成芯片

各位好&#xff0c;今天给大家介绍一款在便携充放电领域应用很广泛的芯片 ——ETA9742。首先从核心定位来说&#xff0c;ETA9742 是一款开关式锂离子电池充电器&#xff0c;专门针对 4.2V 规格的锂电池设计&#xff0c;采用 ESOP8 封装&#xff0c;是电池充放电场景里的一体化解…...

欧盟CE认证的PED压力容器指令认证

欧盟 CE 认证的 PED 压力容器指令认证&#xff0c;全称是 Pressure Equipment Directive (PED) 2014/68/EU&#xff08;压力设备指令&#xff09;&#xff0c;是欧盟针对承压类设备的强制性安全认证&#xff0c;属于 CE 认证体系下的核心指令之一。简单说&#xff0c;它是进入欧…...

魔兽争霸3辅助工具:让你的经典游戏焕发新生

魔兽争霸3辅助工具&#xff1a;让你的经典游戏焕发新生 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper 你是否还在为魔兽争霸3的画面限制而苦恼&#…...

Miniconda-Python3.10镜像使用指南:快速创建独立环境,避免依赖冲突

Miniconda-Python3.10镜像使用指南&#xff1a;快速创建独立环境&#xff0c;避免依赖冲突 1. 为什么需要Python环境管理 在日常开发中&#xff0c;我们经常会遇到这样的问题&#xff1a; 项目A需要Python 3.7和TensorFlow 1.15项目B需要Python 3.10和TensorFlow 2.8系统默认…...

借助爱毕业(aibiye),数学建模论文的复现与排版更加智能化、规范化

还在为论文写作头痛&#xff1f;特别是数学建模的优秀论文复现与排版&#xff0c;时间紧、任务重&#xff0c;AI工具能帮上大忙吗&#xff1f;今天&#xff0c;我们评测10款热门AI论文写作工具&#xff0c;帮你精准筛选最适合的助手。 aibiye&#xff1a;专注于语法润色与结构…...

爱毕业(aibiye)的AI技术可提升数学建模论文的复现质量,并简化排版流程

还在为论文写作头痛&#xff1f;特别是数学建模的优秀论文复现与排版&#xff0c;时间紧、任务重&#xff0c;AI工具能帮上大忙吗&#xff1f;今天&#xff0c;我们评测10款热门AI论文写作工具&#xff0c;帮你精准筛选最适合的助手。 aibiye&#xff1a;专注于语法润色与结构…...

5分钟搞定!用Qwen3-Embedding-4B为你的网站添加智能搜索功能

5分钟搞定&#xff01;用Qwen3-Embedding-4B为你的网站添加智能搜索功能 1. 引言&#xff1a;为什么需要智能搜索&#xff1f; 传统网站搜索功能通常基于关键词匹配&#xff0c;当用户输入"苹果"时&#xff0c;系统只会机械地查找包含这两个字的页面&#xff0c;无…...

3个实用技巧:如何用ncmdump轻松解密网易云音乐NCM文件

3个实用技巧&#xff1a;如何用ncmdump轻松解密网易云音乐NCM文件 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 还在为网易云音乐下载的NCM加密文件无法在其他播放器播放而烦恼吗&#xff1f;今天&#xff0c;我将为你介绍一款简单…...

SAP MM DIEN类型服务料号的采购

SAP MM DIEN类型服务料号的采购Part I - 前言SAP S/4HANA系统中&#xff0c;对于服务物料&#xff0c;有两种物料类型&#xff0c;SERV和DIEN。它们的用途不同&#xff0c;功能也各不相同。DIEN 物料类型DIEN 是用于向客户提供服务的物料类型。它通常用于销售订单中&#xff0c…...

如何用 port.start 开启共享子线程与主页面的长连接通道

port.start() 并非开启长连接的方法&#xff0c;而是启用 MessagePort 消息接收队列的必要操作&#xff0c;需在获取 port 后显式调用以开始接收消息&#xff0c;尤其在未设置 onmessage 时&#xff1b;它属于 MessageChannel 通信机制&#xff0c;不涉及网络连接。port.start …...

AI智能二维码工坊技术解析:H级容错编码原理与实现

AI智能二维码工坊技术解析&#xff1a;H级容错编码原理与实现 1. 引言&#xff1a;为什么你的二维码扫不出来&#xff1f; 你有没有遇到过这样的尴尬时刻&#xff1f;精心设计的宣传海报上印着二维码&#xff0c;结果用户一扫&#xff0c;手机没反应。或者&#xff0c;打印出…...

基于 FastAPI + Vue 深度定制的全栈自动化执行引擎设计全解

MySQL 中的 count 三兄弟&#xff1a;效率大比拼&#xff01; 一、快速结论&#xff08;先看结论再看分析&#xff09; 方式 作用 效率 一句话总结 count(*) 统计所有行数 最高 我是专业的&#xff01;我为统计而生 count(1) 统计所有行数 同样高效 我是 count(*) 的马甲兄弟…...

Python 操作 Word 页眉页脚完整指南

加班到晚上十点&#xff0c;我终于改完了那份50页的季度报告。按下保存&#xff0c;关掉电脑&#xff0c;心里想着明天终于可以交差了。结果第二天一早&#xff0c;领导说&#xff1a;“小张&#xff0c;报告做得不错&#xff0c;但每页顶部加上公司Logo和保密级别&#xff0c;…...

Zotero SciPDF插件终极指南:三步实现文献PDF自动下载

Zotero SciPDF插件终极指南&#xff1a;三步实现文献PDF自动下载 【免费下载链接】zotero-scipdf Download PDF from Sci-Hub automatically For Zotero7 项目地址: https://gitcode.com/gh_mirrors/zo/zotero-scipdf 还在为文献下载而烦恼吗&#xff1f;Zotero SciPDF插…...