样式 组件scoped vue
分页插件样式
<head> <meta charset="UTF-8"> <title>11分页插件样式</title> <style> .page a, .prev-page, .next-page { display: inline-block; width: 36px; height: 36px; back ......
ant-design-vue中官网案例树穿梭框的疑问
网上： 我把官网这个案例的树改成支持父节点选择之后子节点也能被选中（移除案例中的checkStrictly），但是通过父节点选择之后子节点无法取消选择了（其实已经被取消选中但是勾选状态没变）。 我把handleTreeData方法去掉了，不设置disabled好像没什么问题工作中的实际问题： 只需选 ......
使用vue出现Uncaught TypeError: Vue is not a constructor错误
原因是vue2和vue3写法不对 正确是 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/vue@nex ......
socket.io-client+Vue3使用
客户端代码  服务端代码 ——基础组件)
Button①按钮文字的大小和颜色 <Button android:id="@+id/bt_11" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="I'm a button" ......
每日记录(AndroidStudio入门基础(六)——基础组件)
EditTextEditText就是一个用户输入框，主要属性有： layout_width、layout_height 输入框大小textSize、textColor 输入文字的大小和颜色hint 输入提示inputType 输入类型<EditText android:id="@+id/et_1" ......
每日记录(AndroidStudio入门基础(七)——基础组件)
RadioButton RadioButton就是单选按钮，一个RadioButton就是一个选项，很多个选择组成了一组选项，需要用RadioGroup包裹在一起。可以把RadioGroup当成LinearLayout，只不过RadioGroup里面只能装RadioButton 下面我就展示三个小案 ......
每日记录(AndroidStudio入门基础(八)——基础组件)
CheckBoxCheckBox是多选框，用法和RadioButton非常相似，但是不需要用Group包裹起来~ <CheckBox android:layout_width="wrap_content" android:layout_height="wrap_content" android:te ......
每日记录(AndroidStudio入门基础(四)——基础组件)
TextView①文字的大小、颜色 下面代码中我的备注方式是不对的哈 <TextView android:id="@+id/tv_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:t ......
使用 Vue 的一些技巧
# 尽可能地保证父子组件的单向数据流 `例如在子组件中直接修改传入的 props 数据，有可能对父组件或是其他数据源造成意外破坏；` # 把DOM操作放在 mounted 生命周期中 ......
Request类源码分析、序列化组件介绍、序列化类的基本使用、常用字段类和参数、反序列化之校验、反序列化之保存、APIVIew+序列化类+Response写的五个接口代码、序列化高级用法之source、序列化高级用法之定制字段的两种方式、多表关联反序列化保存、反序列化字段校验其他、ModelSerializer使用
[TOC] # 一、Request类源码分析 ```python # Request源码 -方法 __getattr__ -在视图类的方法中，执行request.method ,新的request是没有method的，就触发了新的Request的__getattr__方法的执行 def __geta ......
WPF 入门笔记 - 03 - 样式基础及控件模板
从按钮、文本框到下拉框、列表框，WPF提供了一系列常用控件，每个控件都有自己独特的特性和用途。通过灵活的布局容器，如网格、堆栈面板和换行面板，我们可以将这些控件组合在一起，实现复杂的界面布局。而通过样式和模板，我们可以轻松地定制控件的外观和行为，以符合我们的设计需求。本篇记录WPF入门需要了解的样式... ......
vscode 找不到模块“./App.vue”或其相应的类型声明。
## 问题 - 编辑器：Visual Studio Code - 项目类型：Vite + Vue + TS - 目标位置：main.ts - 项目运行：不受影响，正常运行，但是就是不爽 ![image](https://img2023.cnblogs.com/blog/2919536/202306/ ......
Vue中omit的作用
> 在 Vue 中，"omit" 是一个常用的操作，用于过滤或省略属性。它主要用于组件开发中，用于传递属性给子组件时选择性地排除某些属性。 当你在 Vue 组件中使用 v-bind 或 : 语法来传递属性时，你可以使用 "omit" 来排除不需要的属性。例如，假设你有一个父组件传递属性给子组件的示例 ......
Vue.js 状态管理库 Pinia
## 概述 Pinia 是一个用于 Vue.js 应用程序的状态管理库。它是由 Vue Storefront 团队开发的，旨在提供简单、可扩展且高效的状态管理解决方案。 Pinia 基于 Vue 3 的新响应式系统，并通过使用 TypeScript 提供了强类型支持。它提供了一个类似于 Vuex 的 ......
记录--手把手教你Vue+ECharts+高德地图API实现天气预报数据可视化
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 所谓数据可视化，我们可以理解为从宏观角度来看一眼就能看出来整个数据的占比，走向。对于数据可视化，很多互联网公司是很看重这一块的，包括大厂；就比如阿里的淘宝，双十一的时候往往就需要将消费者的一些数据通过图的形式展现出来。接下来我们就来 ......
vue 按列合并单元格
# 要求 使用vue对每页表格进行单元格合并，每列纵向一致的内容合并，但要参照第一列合并情况，后面的列不能跨列合并，第二列和最后一列不合并。 # 思路 将首列进行合并单元格计算，然后依次将后面列按照首列合并结果进行分组，然后依次给每个分组进行合并单元格计算，最后依次将该列的多个分组内容合并。 完整的 ......
Vue插值语法，文本指令，事件指令v-on，属性指令v-bind
Vue插值语法： 总结：插值语法使用{{}}传入变量，相当于形参 script中data中传入变量值，相当于实参，vue将data的值传给{{}}中 html中： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl ......
Vue2入门之超详细教程十一-条件渲染
1、简介 条件渲染： 1. v-if 写法： (1) v-if=”表达式” (2) v-else-if=”表达式” (1) v-else=”表达式” 适用于：切换频率较低的场景 特点：不展示的DOM元素直接被移除 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被”打断 ......
vue3 el-image图片资源的使用
在项目中将img文件放到/src/assets/，相关组件文件配置： <el-image src="../assets/hamburger.png" /> 使用以上语句提示404错误。 查询网上资料才发现原来图片资源文件一般存放在/public目录下，将文件复制到/public目录下后404错误消失 ......
JAVA的springboot+vue医疗预约服务管理信息系统，医院预约管理系统，附源码+数据库+论文+PPT
**1、项目介绍** 会员制医疗预约服务管理信息系统是针对会员制医疗预约服务管理方面必不可少的一个部分。在会员制医疗预约服务管理的整个过程中，会员制医疗预约服务管理系统担负着最重要的角色。为满足如今日益复杂的管理需求，各类的管理系统也在不断改进。本课题所设计的是会员制医疗预约服务管理信息系统，使用j ......
从0搭建Vue3组件库(十三):引入Husky规范git提交
## 为什么要引入 husky? 虽然我们项目中引入了`prettier`和`eslint`对代码格式进行了校验,但是多人开发的时候难免依然会有人提交不符合规范的代码到仓库中,如果我们拉取到这种代码还得慢慢对其进行修改,这是一件很麻烦的事情,同时也为了避免团队成员提交五花八门message,因此我们 ......
js 动态添加样式
```js // 添加 css 脚本 export const loadStyle = url => { const link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; lin ......
Intersection Observer API 交叉观察器 API vue3 antd table 滚动加载 使用过程
需求：表格滚动加载  做法： 步骤一：给表格最后一行添加特定标识，类名或者id等 ![](https://img20 ......
Vue路由传参的几种方式
vue路由传参是指嵌套路由时父路由向子路由传递参数，否则操作无效 一、利用"router-link"路由导航 父组件： 使用 <router-link to = "/跳转路径/传入的参数"></router-link> 例如：<router-link to="/a/123">routerlink传参 ......
vue+elementUI 合并行3
1、返回数据为一维数组 getData() { that.tableData = res.data.data.list; } 2、合并函数 挂在vue底层： Vue.prototype.$spanMethodFunc=function(list, props, row, col) 写在method内 ......
vue+elemntUI合并行2
返回的是一维数组 o:[{id:1,name:s;age:11},{id:1,name:s;age:11},{id:2,name:p;age:15}] 1、对返回的数据做处理 getData() { that.tableData = res.data.data.list; that.getForma ......
Vue路由，子路由，动态路由，动态路由参数，路由查询参数
一、路由、子路由、动态路由 子路由、动态路由类似，不同的是子路由同时有路由跳转和页面跳转的，动态路由只有路由跳转，没有页面跳转 举例如下：/customerHome 下有 item1 和 item2 两个子路由。 import { createRouter, createMemoryHistory, ......
vue 浏览器调试 定位具体行数
module.exports = { lintOnSave: false, devServer: { //开发环境下设置为编译好以后直接打开浏览器浏览 open: true, }, configureWebpack: (config) => { //调试JS config.devtool = "ev ......