组件 之间parent vue3
封装小程序倒计时组件
适用范围:支付宝,淘宝小程序 效果: 组件目录结构: 详情: index.axml <!-- [{"value":["3","5"],"style":"","isTime":true},{"value":"秒","style":""}] --> <view class="countdown-main ......
Vue3 日历组件的实现
Vue3 日历组件的实现 以下是一个基于 Vue 3 实现的简单日历组件的代码示例。这个日历组件包含了前一个月、当前月、下一个月的日期,并且可以支持选择日期、切换月份等功能。 <template> <div class="calendar"> <div class="header"> <button ......
SpringBoot应用集成微服务组件Nacos
个人nacos系列文章第二篇springboot项目集成微服务组件nacos。
一入编程深似海,从此节操是路人。脱发已是常态,致富还需绝顶。
那天我听说程序员之间还相互鄙视,其中不能忍的终极鄙视:有女朋友的程序员鄙视没有女朋友的程序员。这不能忍,打不过怎么办,问就是加入吧。 ......
什么是 React Functional Components? 函数式组件?
函数式组件与类组件(Functional Components vs Class Component) 函数式组件只是一个普通 JavaScript 函数,它返回 JSX 对象。 类组件是一个 JavaScript 类,它继承了 React.Component 类,并拥有 render() 方法。 ......
Vue3 watch 监听对象数组中对象的特定属性
Vue3 watch 监听对象数组中对象的特定属性 在 Vue 3 中,可以使用 watch 函数来监听对象数组中对象的特定属性。可以通过在回调函数中遍历数组来检查对象的特定属性是否发生变化,并在变化发生时执行相应的操作。 一、监听对象的特定属性 例如,假设有一个名为 items 的对象数组,其中每 ......
关于项目组件打包时遇到 `Uncaught TypeError: Cannot read property 'toLowerCase' of undefined` 的情况
在全局注册组件时采用遍历组件池的方法时 每个组件都应该具备name属性 否则会出现 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined ......
使用Layui树形组件如何取值
近期使用了 layui中的树形组件来分分发权限,发现无法直接获取选中值的id或code数据 官方案例 可以使用 tree.getChecked('demoId') 获取选中的节点,选中节点是个对象 无法直接获取指定code或者id等信息,需要我们自己处理一下 该方法 可以获取指定 层级的id或cod ......
Vue3,使用 JS 调用弹窗组件,并实现关闭弹窗组件时销毁组件
需要对一个弹窗组件进行改造,使其能用 JS 调用,并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
五、父子组件
1、defineProps 父传子 defineProps({ 参数名:{ type: 参数类型, default:'默认值' } }) const prpos = defineProps({ 参数名:{ type: 参数类型, default:'默认值' } }) 2、ts defineProps ......
四、组件的生命周期
import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted} from "vue" 1、onBeforeMount创建 onBeforeMount(()=>{ // 创建之前 } ......
测绘与设计之间的鸿沟:坐标系,看图新地球软件如何巧妙化解
一、背景 2008年,我国推出了2000国家大地坐标系(以下简称国家2000坐标系),截至2022年,国家2000坐标系在自然资源领域已经取得了较高的普及率,但在工程建设领域的普及率依旧比较低,很多工程项目仍然在沿用五花八门的地方坐标系。 二、设计行业用户痛点 中科图新接触过大量的设计院用户,他们经 ......
优雅封装vue中的 iframe组件(可修改iframe内部样式)
公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......
无界微前端(wujie):element-ui 弹框内使用select组件,弹出框位置异常解决方案 (主程序加载子程序)
https://wujie-micro.github.io/doc/guide/ element-ui 弹框内使用select组件,弹出框位置异常解决方案 第一步: 在子应用中: 以上3步就好啦!!!是不是很简单 这个框架坑很多,希望对大家有帮助!!! ......
Vue3+TS+Node打造个人博客(后端架构)
在使用 Express 搭建后端服务时,主要关注的几个点是: 路由中间件和控制器 SQL处理 响应返回体数据结构 错误码 Web安全 环境变量/配置 路由和控制器 路由基本上是按模块或功能去划分的。 首先是按模块去划分一级路由,各个模块的子功能相当于是用二级路由处理。 简单举个例子,/article ......
vue全家桶进阶之路45:Vue3 Element Plus el_button组件
在 Vue 3 中,Element Plus 的 ElButton 组件提供了多种按钮类型和属性,可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性: 作用: 用于在页面上添加交互按钮,比如提交按钮、取消按钮等。 常用属性: type:按钮类型,可以取值为 primary、suc ......
vue全家桶进阶之路44:Vue3 Element Plus el_row和el_col组件
在 Vue 3 中,Element Plus 也提供了 ElRow 和 ElCol 组件,用于实现栅格布局。 ElRow 组件的常用属性: gutter:栅格间距,默认为 0。 type:布局模式,可选值为 flex、justify 和 align。默认值为 flex。 tag:组件标签,默认为 d ......
vue全家桶进阶之路43:Vue3 Element Plus el-form表单组件
在 Element Plus 中,el-form 是一个表单组件,用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法,使表单验证更加容易。 使用 el-form 组件,您可以将表单控件组织在一起,并对表单进行验证,以确保提交的数据符合预期的格式和要求。该组件具有以下特性: 支持 ......
vue全家桶进阶之路42:Vue3 SCSS、SASS、CSS
SCSS和SASS都是CSS预处理器,它们的主要目的是简化CSS的编写,增加可维护性,并提供更丰富的功能。下面是它们与普通的CSS的区别: 语法:SCSS和SASS都具有比普通CSS更丰富的语法。其中,SASS使用缩进来表示嵌套,而SCSS则使用类似于CSS的花括号语法。因此,SCSS更易于CSS开 ......
Android UI组件
1.TextView 知识点: autoLink:文本自动识别为web超链接、email地址等——第五章 AcitonBar用法:自定义ActionBar——第四章 创建Acticity选项菜单:让返回键在ActionBar中显示后,重写onOptionsItemSelected——第四章 创建,注 ......
vue3微信公众号商城项目实战系列(12)项目发布到服务器上
本篇介绍如何将vue3项目打包发布到服务器上,然后在微信公众号上打开。 vue3发布之前需要对项目进行编译,编译时会在项目根目录下创建 dist 文件夹,编译后的文件会存放在这里。 在编译之前,我们在public目录下建一个 config.js 的文件,里面放如下的代码: const config ......
IMG与ISO之间的关系
最近经常接触各种系统镜像,大部分是 *.iso 格式(如 debian ),少部分是 *.img 格式(如 cirros),这两者究竟有何区别,最终在维基百科找到比较可靠的一段描述: .IMG 这个文件格式可视为 .ISO 格式的一种 超集合 。具体一点说就是: 由于 .ISO 只能封存使用 ISO ......
Vue3 readonly与shallowReadonly
视频 2.readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的(深只读)。 shallowReadonly:让一个响应式数据变为只读的(浅只读)。 应用场景: 不希望数据被修改时。 #components ##Demo.vue <template> < ......
Vue3 shallowReactive与shallowRef
视频 三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive:只处理对象最外层属性的响应式(浅响应式)。 shallowRef:只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据, ......
Vue3实现剪贴板功能
1.新增依赖 "vue-clipboard2": "^0.3.3" 2.main.js导入和使用依赖 import VueClipBoard from "vue-clipboard2"; createApp(App) .use(VueClipBoard) .mount("#app"); 3.导入sy ......
Vue3 toRef与toRefs
视频 直接用ref是创建新的对象 10.toRef 作用:创建一个 ref 对象,其value值指向另一个对象中的某个属性。 语法:const name = toRef(person,'name') 应用: 要将响应式对象中的某个属性单独提供给外部使用时。 扩展:toRefs 与toRef功能一致, ......
如何在html页面引入Element组件
相关步骤 1、引入相关链接 <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"> <script src="https://cdn.jsdelivr.net/npm/v ......
普罗米修斯安装node_exporter组件
1.下载安装 下载地址:https://prometheus.io/download/ 上传服务器local下 解压 为了后续使用方便更名为:node_exporter 启动服务: nohup /usr/local/node_exporter/node_exporter & 查看端口9100占用情况 ......
Vue3 自定义hook
视频 9.自定义hook函数 什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。 类似于vue2.x中的mixin。 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。 #components ##Demo.vue <templ ......
设置antd中Table组件左侧部分复选框禁用
const rowSelections = { selectedRowKeys: selectedRows.map((item => item.id)), onChange: onSelectChange, getCheckboxProps: (record) => ({ disabled: rec ......
界面控件DevExpress WinForm的垂直网格组件,让数据展示更灵活!
DevExpress WinForm Vertical Grid(垂直网格)组件设计用于提供UI灵活性,它允许显示数据集中的单个行,或在其90度反向网格容器中显示多个数据集行。此外,开发者还可以将其用作属性网格,就像在Visual Studio IDE中找到的那样。 PS:DevExpress Wi ......