样式 组件scoped vue
vue实现文件的分片上传
const CHUNK_SIZE = 100 * 1024; // 100KBfunction sliceFile(file) { const totalChunks = Math.ceil(file.size / CHUNK_SIZE); const chunks = []; for (let i ......
Vue实验记录
webpack安装 首先下载node.js https://nodejs.org/en 下载完成后进行安装,直接下一步就可以 安装完成后,在cmd中查看是否安装成功 然后安装webpack 安装脚手架 创建项目 选择第二个 创建完成后的效果 进入项目并运行 在学习通中下载源码,把源码按照项目格式放到 ......
vue中文件上传方法
1.单文件上传 <template> <div> <label for="fileInput"> <i aria-hidden="true" class="cursor">上传文件</i> </label> <input v-show="false" type="file" id="fileInpu ......
Vue-cli 用自定义的组件有遇到过哪些问题?
在 components 目录新建你的组件文件(indexPage.vue), script 一定要 export default {} 在需要用的页面(组件)中导入:import indexPage from '@/components/indexPage.vue' 注入到 vue 的子组件的co ......
DevExpress WinForms HeatMap组件,一个高度可自定义热图控件!
通过DevExpress WinForms可以为Windows Forms桌面平台提供的高度可定制的热图UI组件,体验DevExpress的不同之处。 DevExpress WinForms有180+组件和UI库,能为Windows Forms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美 ......
Vue3+Element plus 实现表格可编辑
<template> <div> <el-button type="primary" @click="handleAdd"> 新增 </el-button> </div> <div> <el-table :data="tableData" style="width: 100%" border @ce ......
vue3 与 vue2 的区别
布尔型 Attribute 布尔型 attribute 依据 true / false 值来决定 attribute 是否应该存在于该元素上。disabled 就是最常见的例子之一。 v-bind 在这种场景下的行为略有不同: <button :disabled="isButtonDisabled ......
.NET开源全面方便的第三方登录组件集合 - MrHuo.OAuth
前言 我相信做开发的同学应该都对接过各种各样的第三方平台的登录授权,来获取用户信息(如:微信登录、支付宝登录、QQ登录、GitHub登录等等)。今天给大家推荐一个.NET开源好用的、全面的、方便第三方登录组件集合框架:MrHuo.OAuth。 项目介绍 MrHuo.OAuth是.NET项目集成OAu ......
Vue3使用wangEditor文本
1、安装wangEditor npm install @wangeditor/editor --savenpm install @wangeditor/editor-for-vue@next --save 2、代码 <template> <el-dialog v-model="state.dialo ......
Vue_MQTT项目搭建记录
新建vue3项目 # 新建 vite + vue3的项目 npm init vue@latest yarn 安装依赖包 yarn add mqtt 初探 - 连接阿里云物联网平台 代码: <template> <div> <h1>LED - IOT</h1> <button @click="conn ......
Android——自定义组件
自定义组件共分为:自定义组合控件,自定义View,自定义ViewGroup 自定义ViewGroup一共七步: 1.继承ViewGroup,将统一调用第三的构造方法。重写onMeasure(),onLayout()方法,创建数据集合对象,创建孩子行列集合对象。编写常量横向外边距,纵向外边距,组件属性 ......
vue3源码学习api-vue-sfc文件编译
vue 最有代表性质的就是.VUE 的文件,每一个vue文件都是一个组件,那么vue 组件的编译过程是什么样的呢 Vue 单文件组件 (SFC)和指令 ast 语法树 一个 Vue 单文件组件 (SFC),通常使用 *.vue 作为文件扩展名,它是一种使用了类似 HTML 语法的自定义文件格式,用于 ......
基于element-ui开发组件自行制作的翻页小组件
表格展示区 <el-table :data="dis" style="width: 100%;height: 525px;"> </el-table> 翻页区 <to-page :value="{ page : tableData.length, current_page:current_page ......
vue脚手架的data与props
1.共同之处: data与props都是数据,都可以存储,并且动态渲染 2.不同之处: data是组件本身的数据,支持自身修改,然而props是外部数据(由父组件传递而来的数据),不支持自身修改,如果想要修改需要this.$emit('父组件监视函数名',希望修改的的值的结果) ......
Vue 组件里的定时器要怎么销毁?
如果页面上有很多定时器,可以在 data 选项中创建一个对象 timer,给每个定时器取个名字一一映射在对象 timer 中, 在 beforeDestroy 构造函数中清除, beforeDestroy(){ for(let k in this.timer){ clearInterval(k) } ......
记录--Vue2屎山之 Table 屎山
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 Vue2 将在 2023 年年底停止维护了,但是 Vue2 的代码却不会在 2023 年消失,还会越来越多;难以想象几十万行或者几百万行的 Vue2 代码迁移到 Vue3,这是不可能办到的; 老一点的前端程序员肯定经历过把大型项目从 ......
css基础样式
CSS简介 CSS全称层叠样式表(Cascading Style Sheets) CSS也是一种标记语言,用于给HTML结构设置样式,例如文字大小、颜色元素宽高效果等等 核心思想:HTML搭建结构,CSS添加样式,实现结构与样式的分离 CSS行内样式 行内样式又称内联样式 直接在标签内通过style ......
vue3 甘特图(四):甘特图进度条拆分
vue3 甘特图(四):甘特图进度条拆分 目前项目采取有两种拆分进度条的方式。单个进度条展示多维度数据,一个总任务条下有多个子进程展示。 1.1 单个进度条展示多维度数据(不关联时间),如图 此方法是通过设置单个进度条上内容,以一个进度条为容器,修改内容(即task_text内容)展示多维度的数据, ......
如何修改radio checkbox样式
<!DOCTYPE html> <html> <head> <title>标题</title> <style> /* 修改radio start */ /* appearance隐藏原生 */ .radio_type { width: 20px; height: 20px; appearance: ......
vue 甘特图(附件):甘特图附件
甘特图样式: .gantt_container { border-color: transparent !important; .gantt_right { top: 0% !important; display: flex !important; } .gantt_side_content { o ......
VUE 前端读取excel表格内容
<el-upload class="upload-demo" :action="''" :show-file-list="false" :auto-upload="false" :before-upload="beforeUpload" :on-success="handleSuccess" :on ......
vue3 AntV-X6 引入插件报错
vue3 AntV-X6 引入插件报错: Uncaught TypeError: Cannot read properties of undefined (reading 'ToolItem') vite 引入路径的问题解决就是在引入插件的路径后面加上/lib: import { Keyboard ......
vue基于vue-pdf实现pdf预览
<template> <div class="pdf-container"> <div class="page-tool"> 文件名称扩展 <div class="page-tool-fixed" v-if="showTool"> <span class="scale-icon" @click="p ......
如何实现元素的平滑上升?(vue和react版)
首先我们看下我们有时候需要在官网或者列表中给元素添加一个动画使元素能够平滑的出现在我们的视野中。 如上图所示,我们在vue中可以自定义指令,当我们需要的时候可以直接使用。废话不多说直接上代码。 首先我们创建一个vSlideIn.ts文件 import { DirectiveBinding } fro ......
Vue3调用Element-plus涉及子组件v-model双向绑定props问题
Vue3调用Element-plus涉及子组件v-model双向绑定props问题 在Vue3调用Element-plus的el-dialog组件时,碰到个很有意思的问题,el-dialog的属性值v-model直接控制对话框的显示与否,点击关闭对话框和遮罩区域,组件内部会自动更改v-model的值 ......
在vue项目开发过程中,输入框以表单形式提交后,路径中多了问号?
结果是:http://localhost:8100/#/ 改变为 http://localhost:8100/?#/ 导致路由跳转出现问题。 原因:这里是 form 表单,点击了button 按钮,触发了他的默认事件,就是触发了提交这个行为。 解决方案:使用@click.prevent 阻止默认事件 ......
成品直播源码推荐,原生button按钮css去掉默认样式
成品直播源码推荐,原生button按钮css去掉默认样式 button{border: none;margin: 0;padding: 0;outline: none;border-radius: 0;line-height: normal;}button::after { border: none ......
树形/级联组件->数据做键,制作与还原
数据的制作 /** 树形/级联组件->数据做键,制作与还原 * @param {Array} list * @param {string} params 源 `json` 的 `key` * @param {string} key 生成后 `string` 存放的 `key` * @param {s ......
KMS方式命令激活Windows系统提示: 通过WMI组件连接本地注册表失败
KMS方式命令激活Windows系统提示: 通过WMI组件连接本地注册表失败 解决方案: 1.登录服务器, 运行wmimgmt.msc命令打开控制台, 选择 WMI控件(本地), 单击 右键 -> 属性, 确认没有错误。 2.任选一种, 保存成bat, 右键管理员运行, 重新注册。 #第一种 (来自 ......