组件element-plus messagebox样式
【React】定时器组件
鼠标移入关闭定时器并清除,鼠标移出组件的时候打开定时器进行循环 const timer = useRef(null); useEffect(() => { startLoop(); }, []); const startLoop = () => { stopLoop(); timer.current ......
element ui的Loading组件在Dialog对话框内使用
说明 想要实现在Dialog对话框上加载效果, 父组件开启loding,子组件关闭 首先需要在父组件传值的时候把this.$loading的结果赋我们定义好的变量 代码 父组件 <page-details :data="details" ></page-details> // data部分 data ......
组件的循环引用
1、递归组件:组件在自己的模板中调用自身。2、循环引用:当父引用子,子引用父时。 直接给大家上代码: MulAnalysisResult.vue 1 <template> 2 <div v-loading="loading"> 3 <div v-for="(item, index) in dataL ......
博客园主题样式,添加背景音乐,鼠标点击等样式设置
1 博客园主题样式设置 1.1 主题文档及地址 Silence - 专注于阅读的博客园主题 (esofar.github.io) 1.2 获取文件 https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/s ......
码良本地化gods-pen脚手架不显示组件标签问题处理
问题描述 先说下问题的现象,在进行码良本地化时,使用gods-pen创建组件时,进行到组件标签选择时,没有选项。 问题猜想 gods-pen是放在npm上的,应该没有改变,不会出现问题,所以组件标签可能是存在数据库中,码良初始化脚本缺少初始数据。 以上猜想可以通过两种方式验证: 首先从数据库中查看是 ......
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
例子: .check:checked ~ .content { } ~ 选择器实际上是后继同胞组合器(在2017年之前称为一般同胞组合器): 后继同胞组合器由“波浪号”(U+007E,~)字符组成,它将两个简单选择器序列分隔开。由这两个序列表示的元素在文档树中具有相同的父级,并且由第一个序列表示的元 ......
JS来动态设置CSS样式
用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; ......
element ui的Upload 上传和Image 图片组件使用整理
说明 收集整理在开发中遇到的对于上传组件和图片组件的使用 Upload上传组件 修改上传按钮的默认宽高 ::v-deep .el-upload--picture-card { width: 80px; height: 80px; line-height: 85px; } 修改默认的上传组件图片列表展 ......
vue父组件调用子组件的方法
父组件中写法: <div style="padding: 10px"> <columnTwo ref="child" style="height: 200px;" :columnDataName="columnDataName" :columnData="columnData"></columnTw ......
vue3+element-plus Calendar 日历组件添加农历、节假日
创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
vue 父子组件生命周期执行顺序
挂载阶段执行顺序为:父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为:父beforeUpdate -> 子b ......
uni-app图片剪切上传;uview2用使用uview1中的图片剪切上传组件,把原有代码抽取出来
1.其实是个组件页面,移过来就行了。 2.原有组件中,可视区域和截图结果区域的长宽是一样的,所以需要调整一下; 3.因为剪切图片,是在一个单独页面实现的.所以pages.json中需要加上剪切的页面路径; pages.json { "path": "components/u-avatar-cropp ......
CSS 默认样式
outline: Chrome浏览器默认为-webkit-focus-ring-color auto 1px; webkit-focus-ring-color默认为rgb(16, 16, 16);这个值不会变,但是浏览器可能对其他的属性进行了处理,导致了focus元素时会根据背景色的不同产生不同的对 ......
PV_SPS_Model:基于MATLAB/Simulink的光伏组件串联部分遮阳仿真模型。
PV_SPS_Model:基于MATLAB/Simulink的光伏组件串联部分遮阳仿真模型。仿真条件:MATLAB/Simulink R2015bID:3635660069130461 ......
CSS学习1 认识CSS;三种CSS的编写样式;CSS注释;常见的CSS样式;元素link;CSS颜色表示方法;浏览器开发者工具;浏览器的渲染流程
1_认识CSS what:为网页添加样式(美化界面);一门样式表语言,不是编程语言 发展历史 css1(两个人合作发布) css2(w3c) css3(模块化持续发展中) 总结:美化HTML,让HTML与CSS分离 方式一:添加样式,例如颜色、字体,大小 方式二:布局,按照某种结构显示 2_三种CS ......
自定义 li 标签序列的样式
第一步删除 li 标签的默认样式,取消 ::mark 代理样式(默认样式)。第一步已经把默认样式取消了,自然没有了序号,使用 CSS 的 counter() 函数和 counter-increment 属性来自定义序列号。 通过 list-style-type: none 删除 li 标签的默认样式 ......
(elementUI)el-cascader级联多选,高宽样式的处理(一行显示)
一、问题:当级联选择器设置多选属性时,输入框的高度会被撑开,如下图所示 二、解决办法1.给el-cascader设置multiple和collapse-tags属性(多选模式下折叠Tag),如下 <el-cascader :options="options" :props="{multiple: t ......
小程序开发中的插件、组件、控件到底有什么区别?
小程序插件代码由一些自定义组件和 JS 代码文件构成,插件开发者在发布插件时,这些代码被上传到后台保存起来。当小程序使用插件时,使用者需填写插件的 AppID 和版本号,就可从后台获取相应的插件代码。小程序代码编译时,插件代码会被嵌入到小程序中,与小程序一起编译运行。 ......
用print-js实现打印功能时element table组件打印不全的问题
插件下载: npm install --save print-js 解决方案,修改print.js里面的 getHtml // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this ins ......
React笔记-样式(二)
React学习笔记-样式(二) 内联样式 import React from "react"; export default class LearnStyle extends React.Component { render () { return ( <div> {/* 以下两种方法都可以 一种不 ......
React笔记-组件(一)
React学习笔记-组件(一未完成) 特点 声明式 组件化 跨平台 React脚手架 a. 全局安装react脚手架 create-react-app npm install create-react-app -g & npx create-react-app my-app b. 使用create- ......
使用vue的keep-alive缓存组件,三级菜单组件无法缓存问题解决
使用vue做后台管理系统,需求是所有的菜单打开之后,下次点击的时候的使用缓存,这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题,三级菜单就会出现无法缓存的问题,网上找资料说是vue中keep-alive本身存在的缺陷,需要在路由守卫中将matched属性做一下优化,具体如下 // 处 ......
element-ui上传组件,before-upload发送异步请求 + Promise
element-ui上传组件,before-upload发送异步请求 + Promise before-upload为false的时候会阻止图片的上传 但是和chenge事情一起不行 可以:http-request="fnUploadRequest" <el-upload --snip-- :bef ......
微信小程序 自定义组件 监听数据变化 出现异常 Maximum call stack size exceeded.
代码 调用处: 组件内部 本地调试无异常,发布之后出现此异常 解决方法: 监听属性steps的值变化时,调用处不能使用双向绑定,去掉steps的双向绑定即可,具体的原因未知(不知为啥本地调试不会抛异常) ......
uniapp 中的 rich-text 富文本 怎样编辑修改 样式
1.首先在 HTML 中 <rich-text :nodes="formatRichText(newObjc)"></rich-text> 2.在 methods 中 写入方法 formatRichText(html) { // html 就是你要传进来地富文本参数 // 去掉img标签里的styl ......
flutter系列之:做一个修改组件属性的动画
简介 什么是动画呢?动画实际上就是不同的图片连续起来形成的。flutter为我们提供了一个AnimationController来对动画进行详尽的控制,不过直接是用AnimationController是比较复杂的,如果只是对一个widget的属性进行修改,可以做成动画吗? 答案是肯定的,一起来看看 ......
11_父组件调用子组件方法
父组件调用子组件的方法 使用ref 使用变量+watch 使用中间class 使用中间class base-on-controller function receiveController(to, from) { Object.assign(to, from); } /* vue 混入模式 */ r ......
常用组件
常用组件 分页推导 首先我们需要明确的时候,get请求也是可以携带参数的,所以我们在朝后端发送查看数据的同时可以携带一个参数告诉后端我们想看第几页的数据 其次我们还需要知道一个点,queryset对象是支持索引取值和切片操作的,但是不支持负数索引情况 接下来我们就可以推导我们的自定义分页器步骤了 c ......
Vue "引用式"调用组件内函数
##场景 希望在点击页面上的某个 button 时, 刷新某个组件的内容. 组件内容刷新函数 getStatistic() 在组件<Table/>内, 当点击 "统计" 按钮时, 页面 Block 切换至统计页面, 同时调用对应组件中的 getStatistic() 函数, 更新数据. ##解决方案 ......