样式 组件scoped vue
vue过滤器
使用场景：加工属性，对属性做一些类似格式化的操作但不会改变该属性；看起来跟computed类似，后面总结两者区别 使用地方：可以放在{{}}插值中使用，也可以在v-bind表达式中使用(vue2.1.0+支持) 注意事项：过滤器中this不能获取vue实例 全局过滤器： //main.js Vue. ......
common-fileupload组件实现java文件上传和下载
简介：文件上传和下载是java web中常见的操作，文件上传主要是将文件通过IO流传放到服务器的某一个特定的文件夹下，而文件下载则是与文件上传相反，将文件从服务器的特定的文件夹下的文件通过IO流下载到本地。对于文件上传，浏览器在上传的过程中是将文件以流的形式提交到服务器端的，如果直接使用Servle ......
Vue中 v-model 和 model 的区别
Vue中 v-model 和 :model 的区别 1、v-model 通常用于表单上双向数据的绑定，如果除了表单其他组件使用时，起不到任何效果。 它还可以实现子组件到父组件的双向数据动态绑定。 input上的v-model: <input v-model="price"><!-- 下行注释的语法糖 ......
使用element 2.14 实现表格虚拟滚动组件
下述代码为组件实现代码复制即可食用,默认只展示 一屏数据加两条 全选存在些许问题, 使用row-key时,如果行过多滚动时会不会很流畅 特别需要注意的是 行高必须要保持一致 <template> <div class="t-table" :id="TTableId"> <el-table ref=" ......
vue版本区别
一、说明： 1、Vue CLI 4.5以下，对应的是Vue2；Vue CLI 4.5及以上，对应的是Vue3，当然，创建项目的时候可以选择Vue2 2、Vue2最老的版本是含index.html的，通过“yarn global add vue-cli”安装，得到的最新版本号是2.9.6 3、只有Vu ......
C++ Qt开发：CheckBox多选框组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍CheckBox单行输入框组件的常用方法及灵活运用。QCheckBox是 Qt 中用于实现复选框的组件，它提供了丰... ......
利用v-html给页面添加内容，并同时为内容增加css样式
利用v-html给页面添加内容 当后端给你返回一个包含富文本的内容时，你应该使用v-html来进行加载，比如说下面这样： <!-- 这样写上之后，就会在div标签里面加载返回来的富文本内容 --> <div class='father-box' v-html="item"></div> 当我们需要给 ......
Vue配置具体代理规则
//编写vue.config.js配置具体代理规则：module.exports = { devServer: { proxy: { '/api': { //配置所有以'/api'开头的请求路径 target: 'http://luckybox.server.godtechnology.com/', ......
安卓之各组件的LayoutParams分析
文章摘要 在Android开发中，LayoutParams是一个非常重要的概念，它用于描述View在其父容器中的布局行为。不同的ViewGroup有不同的LayoutParams子类，例如LinearLayout.LayoutParams、RelativeLayout.LayoutParams等。本 ......
springboot+VUE——mybatis分页和Element Plus的分页组件实践
分页只有基础的分页功能，跳转和动态选择每页展示多少条数据的功能可以参考Element Plus的分页组件自行配置并且传入相应的方法即可！ <script lang="ts" setup> /** * 分页变量数据 */ const pagination = ref({ current_page: 1 ......
vue+elementUi中国省市区/省市，三级/两级联动选择
安装城市数据 npm install element-china-area-data -S 导入数据 import { regionData, codeToText } from 'element-china-area-data' 1. 显示全部城市 HTML代码： <template #equip ......
RecyclerView组件强化——设置rv最大高度，显示滑动条，跳到最后子view
意义：RecyclerView基础就LinearLayout排列子view。需要扩展它的最大高度，滑动条，跳到最后子view等 1.设置最大高度： recycvlerView设置最大高度需求在：选取不同数据后需要一个Rv来展示所选数据。但布局的高度是有限的，导致rv不能设置自适应来无限增高 int ......
EditText组件强化
意义：基础EditText组件和简陋，需要额外设置 background: 设置背景去除下划线。（@shape/xxxx） inputType：输入类型，文本，密码，数字（text） imeOptions：软键盘确定类型。（actionDone） cursorVisible：能否显示光标（true| ......
Android用Dialog作遮照层组件
1Dialog作蒙版，多层遮罩，布局编写，背景点击，背景样式，，2EditText不可点击，隐藏光标，键盘隐藏，多行显示，3RecyclerView设置最大高度，滚动条显示，4.自定义单选框 5. dkVideoPlay 6. pdf 意义：Android里使用Dialog组件作为遮罩层 步骤： 1 ......
5分钟搞懂Kubernetes：轻松理解所有组件
在本文中，我向大家介绍了Kubernetes中的一些专有名词。Kubernetes是一个非常强大的容器编排引擎，可以帮助我们自动化部署、扩展和管理容器化应用程序。通过了解这些专有名词，我们可以更好地理解Kubernetes的工作原理和架构。因为大家的时间都很宝贵，所以我尽量减少阅读时间带大家快速入门... ......
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 ......
富文本编辑器：Vue整合wangEditor
最近在做项目时，客户有个发布新闻动态的功能，具体页面内容让客户自己编写，所以要选择富文本编辑器，这样用户体验好一点。网上有很多的富文本编辑器， 因为项目的功能并不是很复杂，所以选择了wangEditor，界面简洁，使用起来也挺方便的； 实现思路 1.安装wangEditor2.封装成组件3.父组件中 ......
项目开发之vue中如何刷新子组件，重置组件，重新加载子组件
项目场景：在父组件循环数据列表中，列表中有事件点击打开某个子组件； 父组件中要更新子组件的值 问题描述在父组件循环数据列表中，点击打开某个子组件，A数据打开子组件后，B数据再打开子组件，此时子组件中会有缓存A数据。 原因分析：子组件没有刷新，还是停留在上一个数据缓存 解决方案：给组件添加key值 原 ......
javaSwing的日期组件
先看效果： 1 JToolBar jToolBar = new JToolBar(); 2 3 DptLocalDatePicker searchDate = new DptLocalDatePicker(null, DateTimeFormatter.ofPattern("yyyy-MM-dd") ......
DevExpress WinForms Pivot Grid组件，一个类似Excel的数据透视表控件（二）
界面控件DevExpress WinForms的Pivot Grid组件是一个类似Excel的数据透视表控件，用于多维(OLAP)数据分析和跨选项卡报表。在上文中（点击这里回顾>>）我们介绍了DevExpress WinForms Pivot Grid组件的性能、分析服务、数据塑造能力等，本文将继续 ......
C++ Qt开发：RadioButton单选框分组组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QRadioButton`单选框组件以及与之交互的`QButtonGroup`类的常用方法及灵活运用。`QRad... ......
JavaWebDay2Vue
el表明所接管的区域 #app为id值 data用来接管数据的模型 v-model绑定了一个数据模型 vue常用指令 1：v-bind与v-model v-bind：可以简化为 ： 注意：通过v-bind和v-model所绑定的变量必须再数据模型中声明 2.v-on v-on：可以简化为@ 所绑定的 ......
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 ......
vue部署项目报错导致空白页解决
在nginx上部署项目出现空白页并报错 解决方法： 在vue的vue.config.js文件中 改成：module.exports = {publicPath: './'} ......
C++ Qt开发：SpinBox数值微调框组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QSpinBox`精度数值组件的常用方法及灵活运用。`QSpinBox`是Qt框架中的一个部件（Widget），... ......
vue文件下载调取浏览器下载进程
fetch+streamSaver 前端在使用axios发送网络请求时，如文件下载，无法实时获取当前已经下载的文件流，只有当后端返回全部流时，才能在浏览器右下角显示已经完成的进度。 但是当文件很大时，就会出现长时间的等待，而且不显示下载进度。 此时可以通过fetch来发送网络请求实时获取已经下载的文 ......
在Vue中使用HappyPack
在Vue中使用HappyPack 1、介绍HappyPack 由于有大量文件需要解析和处理，构建是文件读写和计算密集型的操作，特别是当文件数量变多后，Webpack 构建慢的问题会显得严重。 运行在 Node.js 之上的 Webpack 是单线程模型的，也就是说 Webpack 需要处理的任务需要 ......