属性 变量vue css
vue+elementUi中国省市区/省市，三级/两级联动选择
安装城市数据 npm install element-china-area-data -S 导入数据 import { regionData, codeToText } from 'element-china-area-data' 1. 显示全部城市 HTML代码： <template #equip ......
Vue3 setup 方法的一些基本使用总结
官网介绍：https://cn.vuejs.org/api/composition-api-setup.html 基本使用 setup() 钩子是在组件中使用组合式 API 的入口，通常只在以下情况下使用： 需要在非单文件组件中使用组合式 API 时。 需要在基于选项式 API 的组件中集成基于组合 ......
[Vue]el-radio想要传入全部类型时，label绑定空字符串
记录一下，原本以为不可以这样绑的。这样就可以空查了。 <el-form-item label="类型" prop="type"> <el-radio label="" v-model='query.type' @change="handleQuery">全部</el-radio> <el-radio ......
纯CSS实现可自定义间距虚线边框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px auto; width: 200px; h ......
富文本编辑器：Vue整合wangEditor
最近在做项目时，客户有个发布新闻动态的功能，具体页面内容让客户自己编写，所以要选择富文本编辑器，这样用户体验好一点。网上有很多的富文本编辑器， 因为项目的功能并不是很复杂，所以选择了wangEditor，界面简洁，使用起来也挺方便的； 实现思路 1.安装wangEditor2.封装成组件3.父组件中 ......
带圆角的虚线边框？CSS 不在话下
今天，我们来看这么一个非常常见的切图场景，我们需要一个带圆角的虚线边框，像是这样： 这个我们使用 CSS 还是可以轻松解决的，代码也很简单，核心代码： div { border-radius: 25px; border: 2px dashed #aaa; } 但是，原生的 dashed 有一个问题， ......
项目开发之vue中如何刷新子组件，重置组件，重新加载子组件
项目场景：在父组件循环数据列表中，列表中有事件点击打开某个子组件； 父组件中要更新子组件的值 问题描述在父组件循环数据列表中，点击打开某个子组件，A数据打开子组件后，B数据再打开子组件，此时子组件中会有缓存A数据。 原因分析：子组件没有刷新，还是停留在上一个数据缓存 解决方案：给组件添加key值 原 ......
JavaWebDay2Vue
el表明所接管的区域 #app为id值 data用来接管数据的模型 v-model绑定了一个数据模型 vue常用指令 1：v-bind与v-model v-bind：可以简化为 ： 注意：通过v-bind和v-model所绑定的变量必须再数据模型中声明 2.v-on v-on：可以简化为@ 所绑定的 ......
Java变量
JAVA变量 局部变量：必须声明和初始化值 作用域在方法体内 类变量 ：也叫静态变量 static 作用域：在整个类中 实例变量：作用域：在整个类中 常量： public class Demo01 { //常量 final static final double PI = 3.14; //类变量 ......
vue3自定义组件全局注入
/** * 自定义组件全局注入 * @param app vue实例 */ import { defineAsyncComponent } from "vue"; export default function (app) { // 收集@/components所有.vue组件 const comp ......
基于.NET Core + Quartz.NET+ Vue + IView开箱即用的定时任务UI
前言 定时任务调度应该是平时业务开发中比较常见的需求，比如说微信文章定时发布、定时更新某一个业务状态、定时删除一些冗余数据等等。今天给大家推荐一个基于.NET Core + Quartz.NET + Vue + IView开箱即用的定时任务UI（不依赖数据库,只需在界面做简单配置）：Quartz.N ......
WPF 解决PasswordBox 属性Password无法绑定到后台的问题
在 WPF 中，你可以使用密码框的 Password 属性来绑定到后台，但是由于安全性考虑，WPF 的密码框不直接支持双向绑定。然而，你仍然可以通过其他方式实现将密码框的内容绑定到后台。 一种常见的方法是创建一个附加属性（Attached Property）来实现密码框的双向绑定。以下是一个简单的示 ......
condition_variable 条件变量
在C++中，condition_variable是一种多线程同步机制，它允许一个或多个线程等待另一个线程发出通知，以便能够有效地进行线程同步1。condition_variable是利用线程间共享的全局变量进行同步的一种机制，主要包括两个动作：一个线程等待condition_variable的条件成 ......
1.变量的声明-原始类型
变量的声明-基础类型 /* 前言：如果变量的声明和赋值是同时进行的,TS可以自动对变量进行类型检测 这里ts自动将variable推断为boolean类型 类型推断机制 */ let variable = false; variable = true; 1.number数字类型 /* 注意： Typ ......
vue部署项目报错导致空白页解决
在nginx上部署项目出现空白页并报错 解决方法： 在vue的vue.config.js文件中 改成：module.exports = {publicPath: './'} ......
复习java 子类继承父类后，可以直接调用父类的变量和方法，那为什么还用super调用呢？为什么在static方法中不能使用super与this？
1.子类继承父类后，可以直接调用父类的变量和方法，那为什么还用super调用呢？原因：如果子类对父类的变量和方法进行了重写，你又想再使用父类的方法，这是就需要super来调用，否则默认调用你在子类中重写的变量和方法。 this()：调用本类中其他重载的构造函数（必须写在函数中的第一行）super() ......
vue文件下载调取浏览器下载进程
fetch+streamSaver 前端在使用axios发送网络请求时，如文件下载，无法实时获取当前已经下载的文件流，只有当后端返回全部流时，才能在浏览器右下角显示已经完成的进度。 但是当文件很大时，就会出现长时间的等待，而且不显示下载进度。 此时可以通过fetch来发送网络请求实时获取已经下载的文 ......
css图片等比放大居中|超出部分隐藏
图片等比放大居中 在一些情况下需要保证图片缩略图窗口大小固定，但是图片分辨率比例多种多样，需要在展示固定比例的窗口下展示不同分辨率的图片，还需保证展示的图片不被拉伸变形，保持原有比例的基础上进行等比放大。 // 外层 .img-box { // 等比放大图片，超出部分隐藏 width: 120px; ......
在Vue中使用HappyPack
在Vue中使用HappyPack 1、介绍HappyPack 由于有大量文件需要解析和处理，构建是文件读写和计算密集型的操作，特别是当文件数量变多后，Webpack 构建慢的问题会显得严重。 运行在 Node.js 之上的 Webpack 是单线程模型的，也就是说 Webpack 需要处理的任务需要 ......
vue实现打印功能
1. 安装插件 npm install vue-print-nb --save 2. main.js中全局引入 import Print from 'vue-print-nb' Vue.use(Print); 3. 页面中使用 <el-dialog :visible.sync="openCodeCa ......
three.js 3d模型使用|vue项目使用three.js
three.js 3D模型使用 安装 安装three.js npm install three 安装轨道控件插件 npm install three-orbit-controls 安装加载.obj和.mtl文件的插件 npm install --save three-obj-mtl-loader 安 ......
vue3 对子组件使用 v-model，关于绑定对象的问题
这里有最基本的使用，vue3官网 组件 v-model 我来讲讲注意事项， 如果你 v-model 的是个 reactive 创建的对象，那么将不起作用，必须得是 ref 创建的对象 要知道，v-model： <input v-model="searchText" /> <!-- 等价于 --> < ......
css自适应文本大小
div{ width:500px; height:600px; resize:both; // 可拖动方向 overflow:hidden; padding:15px; background-color:red; container-type:size; // 对 } div p { // cqw ......
windows 环境变量配置
配置完后, 如何不重启电脑生效? 一种是 重启资源管理器 win + R 打开cmd 执行如下命令 taskkill /f /im explorer.exe && explorer.exe 一种是 刷新注册表 - 未实际操作过. ......
websocket使用方法|vue实时推送
WebSocket实时推送 创建一个WebSocket对象： 准备变量 mounted() { // 初始化 const uri = window.location.href; // 获取网页url const protocol = uri.split("/")[0]; // https: 确定当前 ......
css实现鼠标滑过提示文字
第一种：鼠标滑过图片，提示文字，如图： <div v-if="talentCardNum && talentCardNum >0"> <img @mouseenter="choice(1)" @mouseleave="choice(0)" class="box_time_icon" :src="ho ......
vue 逻辑分页
<template> <div> <div class="paging"> <!--数据显示区域--> <div class="data"> <!--表格存放数组中的数据，并对数据进行截取，以控制每一页显示的数据量--> <!--slice(start,end) 不包括end--> <el-tabl ......
Flex 布局常用属性
Flex布局（弹性布局）是CSS3中引入的一种布局模式，它通过display: flex;设置在容器上，然后利用一系列的属性来控制子元素的排列和对齐方式。以下是常用的Flex布局属性： display display: flex;：将容器指定为弹性容器。 flex-direction flex-di ......
position 定位常用属性
CSS的position属性用于指定元素的定位方式。以下是常见的position属性取值： position: static; 默认值，元素按照正常的文档流布局显示，不进行特殊定位。 position: relative; 相对定位，元素相对于其正常位置进行定位。 可以使用top、right、bot ......
linux centos配置环境变量
前言 在centos上配置环境变量，有两种情况：分别是系统级别的，和用户级别的。 用户级别的 只对当前用户生效，切换至其他linux用户则无效。 系统级别的则对所有用户都生效（建议）。 用户级别 .bash_profile 当用户登录时执行，每个用户都可以使用该文件来配置专属于自己的环境变量。 .b ......