多方式 局部 页面vue
Vue路由params、query传参用法，以及form表单回车自动提交问题
一、路由参数用法 1.1 query参数 第一种方式传参：跳转路由并携带query参数，注意to的字符串写法 将id和title拼接字符串形成地址 <router-link :to="`/home/message/detail?id=${item.id}&title=${item.title}`"> ......
vue实现下载附件功能
两种方式下载： 第一种：直接a标签下载 <a class="item-btn download" :href="'/xxx/xxx/download?id=' + xxx.id" :download="xxx.name">下载附件</a> 第二种： <el-button class="item-bt ......
vue-quill富文本编辑器实现图片缩放
安装环境 官网：https://vueup.github.io/vue-quill/guide/modules.html npm安装：npm install @vueup/vue-quill@latest --save pnpm安装：pnpm add @vueup/vue-quill@latest ......
Windows服务器，通过Nginx部署VUE+Django前后端分离项目
目录 基本说明 安装 Nginx 部署 VUE 前端 部署 Django 后端 Django admin 静态文件（CSS，JS等）丢失的问题 1. 基本说明 本文介绍了在 windows 服务器下，通过 Nginx 部署 VUE + Django 前后端分离项目。本项目前端运行在 80 端口，服务 ......
vue中this.$refs的使用方法和遇到的问题
this.$refs ：用于操作真实的DOM节点。 在开发时碰到了一个小需求，需要子组件向父组件传参，而且是不需要通过事件传递的，一开始使用this.$emit()来写的，但是一直没有接受到参数，于是放弃了使用this.$emit()的使用。 于是，使用了在父组件中调用子组件的方法，来获取传递的参数 ......
uniapp滑动页面时警告Unable to preventDefault inside passive event listener due to target being treated as passive.
翻译：没有添加被动事件监听器来阻止’touchstart‘事件，请考虑添加事件管理者’passive’，以使页面更加流畅。 原因： 由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault()，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如 ......
开发板设置成静态ip的方式
1开发板每次重新上电都要手动去分配ip地址才能与ubuntu通信，设置成静态ip的方式就不需要每次开发板重启后去设置一次ip地址。 2在网上找了很多帖子，照着做都没有效果，直到看到 一个帖子说 vi /etc/profile 在最后一行添加：ifconfig eth0 192.168.1.100，重 ......
【UniApp】-uni-app-全局数据和局部数据
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-全局样式和局部样式 那么了解完了全局样式和局部样式之后，这篇文章我再来给大家介绍一下 UniApp 中全局数据和局部数据 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的项目中拷贝一下即可，找 ......
SpringBoot 调用外部接口的三种方式
https://mp.weixin.qq.com/s?__biz=Mzg5MDUyNjQ0Ng==&mid=2247507189&idx=1&sn=3985735a3498ac5d509b67b91a653670&chksm=cfd9d374f8ae5a62e32bd6fa2c5a21a80a4ec ......
VS Code 配置Vue3模板
配置用户代码片段 搜索vue 配置模板 { "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>", " </div>", "</template>", "", "<script setup lang=\"ts\">", "impor ......
OpenTiny Vue 3.12.0 发布：文档大优化！增加水印和二维码两个新组件
TinyVue 3.12.0 主要更新：全面优化 54 个高频组件的 Demo / API 文档，让文档更加清晰易懂、符合预期；Watermark 水印组件；QrCode 二维码组件。 ......
vben-admin 页面以及部分代码 常见问题 解析
vben-admin 网址 介绍 | Vben Admin (vvbin.cn) https://doc.vvbin.cn/guide/introduction.html #从 GitHub 获取代码 git clone https://github.com/vbenjs/vue-vben-admi ......
[Vue] vue学习笔记(8): 生命周期(vue2)
vue里的生命周期，也叫生命周期回调函数，是指vue在一些关键时刻引用的特定函数，这些函数的名称是确定的，这些函数中的this指向vue实例或组件实例 挂载流程 0️⃣初始化生命周期和事件，但数据代理还未开始 1️⃣beforeCreate() ➡️ 此时无法通过vue实例访问data中的数据以及m ......
vue解析上传的json文件信息
1.模版 <a-upload name="layoutFile" v-model:file-list="fileList" @change="importModules" accept="*" :showUploadList="false" :customRequest="() => {}" :he ......
【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
Vue2 的@hook 、 hook: 与生命周期
如何实现父组件监听子组件的生命周期 方法一：$emit // 父组件 <template> <div> <Child @mounted="onMounted" @updated="onUpdated" @beforeDestroy="onBeforeDestroy" ></Child> </div> ......
uniapp 配置 基座调试指定页面
在用hbuildx时，用自定义基座，调试程序时，有的页面因为基座缺少组件而进不去，这个时候就可以用指定页面的方式，我们只需要把进入页面的入参传进去，这个时候打开页面就是指定要调试的页面了。 就在page.json文件最后加入 "condition" : { //模式配置，仅开发期间生效 "curre ......
uniapp 图片懒加载的一种方式
如果是列表页，可以采用前端分页，通过scroll-view 下拉，在绑定图片地址信息，这样就能下拉部分，加载部分图片了。 pageQuery() { let currentPage = this.pQuery.page; let pageSize = this.pQuery.size; const ......
如何使用Visual Studio 2022创建基本Vue.js.Web应用程序
最近接了个物联网项目，需要用到 VUE Ant-Design 对于 vue 没有概念 只能查找相关 vue.js 的知识。 了解vue.js 的 前提条件 是要对 HTML +CSS +Jscript 有一定的知识储备。 所以 又去看了看 对应的三剑客（HTML +CSS +Jscript）。 跟着 ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
fastapi启动后访问docs不显示页面
启动fastapi，运行服务器，可以正常访问接口，但无法访问docs页面，打开开发者工具发现接口调用了一个 js 脚本 和 css 脚本。 这两个脚本是部署在国外，因为这个原因导致我们没法访问了，调整请求地址，请求国内的资源。修改 fastapi 源码包模块下的 fastapi/openapi/do ......
共享式以太网采用总线型拓扑结构通信方式简介
共享式以太网是早期局域网的主要形式，它主要采用总线型拓扑结构进行通信。在这种结构中，所有的站点都通过相应的硬件接口直接连接到一条共享的通信介质上。这条通信介质通常为同轴电缆，各个站点能被所有其他的站点接收。 在通信方式上，共享式以太网主要采用CSMA/CD（Carrier Sense Multipl ......
基于vue2开发的html5页面实现微信分享卡片（微信好友+朋友圈+qq好友+qq空间）
首先附上文档链接： 1.微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网：https://cli.im/text/other 需求： 在浏览器分享链接时 ......
jexcel_将excel数据导入到页面+导入到数据（SQL）
1. jexcel_数据表_excel导入到页面.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile="jexcel_数据表_excel导入到页面.aspx.cs" Inherits="jexcel_数据表_excel导入到页面" ......
vue中孙子调用爷爷组件的方法怎么调用?
使用Vue的provide和inject来实现跨层级的组件通信。 provide允许一个祖先组件（爷爷组件）提供数据， 而inject允许子孙组件（孙子组件）在任意层级注入这个数据。 通过这种方式，你可以在孙子组件中访问到爷爷组件提供的方法。 以下是一个简单的例子： // 在爷爷组件中提供方法 ex ......
ESP32软件方式固化VDD_SDIO为3.3V
参考官方文档： 1、乐鑫efuse工具使用：espefuse.py - ESP32 - — esptool.py latest documentation (espressif.com) 2、乐鑫efuse库使用：eFuse Manager - ESP32 - — ESP-IDF 编程指南 late ......
a-table(AntDesign Vue)实现表格行上下拖动排序
参考链接： https://blog.csdn.net/song_de/article/details/125218350 https://blog.csdn.net/m0_61342618/article/details/132556739?utm_medium=distribute.pc_rel ......
Spring入门04Bean的配置、Bean的实例化、Bean的生命周期、依赖注入方式、依赖自动装配
bean配置 bean基础配置 bean别名配置 bean作用范围配置 bean实例化 bean是如何创建的 bean实例化 bean本质上就是对象，创建bean使用构造方法完成 实例化bean的三种方式 bean生命周期 bean生命周期控制 依赖注入方式 依赖注入的两种方式 依赖自动装配 依赖自 ......
vue中this.$set()的使用
data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新； 但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，而页面并不会改变 原因是vue监听不到数据类型特别复杂的属性。 可以使用this.$set()来进行强制更新，进而解决问题 ......