组件 之间parent vue3

2023-04-14 vue之组件全局注册

新建一个vue文件,随便写点什么,然后在main.js中引入,如下: xxx.vue: <template> <view class="container"> <view class="content"> 登录窗口 </view> </view> </template> <script> expor ......
全局 组件 2023 vue 04

Vue3 Vite H5 手写一个横向展开的多级树列表

最近写h5要做那种稍微复杂一点的树,没找到现成的UI组件库可用,vant的树只有两级不满足,只能自己写 ps. 选框的选择/反选/半选对父子选项的影响还有bug,留到脑子好的时候再优化 效果 代码 框架是Vue3+Vite+Vant4。复选框用的vant的checkbox,应该也可以换别的或者原生。 ......
横向 Vue3 Vite Vue H5

JavaScript 之 JSON [4] parse()和stringify() -JSON字符串和JavaScript对象数据之间的相互转换

JavaScript 之 JSON [4] parse()和stringify() -JSON字符串和JavaScript对象数据之间的相互转换 1、JSON.parse()JSON.parse()方法用于将一个JSON字符串解析为一个JavaScript对象。JSON字符串必须使用双引号包括属性名 ......
JavaScript JSON 字符串 stringify 字符

vite vue3 全局批量注册组件

方式1-使用import.meta.glob import { createApp, defineAsyncComponent } from 'vue' const app = createApp(App); app.mount('#app'); // antd全局使用图标,遍历引入 const i ......
全局 组件 vite vue3 vue

HTML、JS与PHP之间的数据传输

在电商网站搭建过程中,前端经常会向后端请求数据,有时候通过HTML、JS和PHP文件的处理来实现数据的连通。通常情况下,用户在HTML中做关键字操作,JS对提交的表单进行数据处理,向后端发起ajax请求对应PHP的api接口,PHP在接收到数据后对连接服务器,服务器再通过PHP中的SQL语句对数据库 ......
数据传输 之间 数据 HTML PHP

SpringCloud Netflix 组件 的核心/原理

1. Eureka : 服务注册、续约、注销、心跳机制, 集群的数据采用弱一致方案AP,分区的概念, https://blog.csdn.net/qq_22270363/article/details/127669023 2. Ribbon : 客户端(请求发起端)的负载均衡组件,核心有 -- 服务 ......
SpringCloud 组件 原理 核心 Netflix

vue3微信公众号商城项目实战系列(3)项目初始文件及文件夹简介

首先我们来看下项目的文件结构图,如下: 各个文件及文件夹作用如下: 文件或文件夹名称 作用 .vscode VisualStudioCode开发工具的配置信息存放目录,从这个目录可以看出vue3确实是推荐使用vscode作为开发工具的。 node_modules 项目中用到的包存放目录,当我们用 " ......
文件 项目 文件夹 实战 公众

vue3 + ts + electron项目搭建过程

1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项, 加载过程中可能会出现加载失败的问题,是因为github资源的问题,非项目本身问题,多执行几次即可 3、打包 输入npm run build,打包过程也会出现打包失败的问题,原 ......
electron 过程 项目 vue3 vue

界面控件DevExtreme使用指南 - 折叠组件快速入门(一)

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序,该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。 请注 ......
使用指南 控件 DevExtreme 组件 界面

计算两个时间类型LocalDate合着LocalDateTime之间相差天数

LocalDate startDate = LocalDate.of(2020, Month.JANUARY, 1);LocalDate endDate = LocalDate.of(2021, Month.JANUARY, 1);long daysBetween = ChronoUnit.DAYS ......
天数 LocalDateTime LocalDate 之间 两个

一统天下 flutter - widget 滚动类: DraggableScrollableSheet - 可滚动组件,并且支持通过拖拽的方式上下展开

一统天下 flutter - widget 滚动类: DraggableScrollableSheet - 可滚动组件,并且支持通过拖拽的方式上下展开 ......

vue自定义组件——ip-input

github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value: 输入的ip地址, 类型为字符串, 格式为xx.xx.xx.xx, default: '' disabled: 是否禁用, 类型为布尔值, default ......
组件 ip-input input vue ip

vue3微信公众号商城项目实战系列(2)创建一个vue3项目

在我们的电脑上安装完nodejs后,本机就可以作为一个web服务器使用了,只不过这个web服务器上的网页使用javascript来编写。 接下来我们创建一个vue3项目,并运行起来,然后用浏览器来访问,没有什么比一个hello world更让人期待的了。 创建一个vue3项目我们可以使用脚手架工具来 ......
项目 vue3 实战 vue 公众

vue自定义组件——split-pane

github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: splitCount: 分割数量, default: 2 direction: 分割方向, 'vertical' or 'horizontal', default: ......
split-pane 组件 split pane vue

Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例

基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
后台 前端 Vite-Admin 框架 实例

基于交替方向乘子法与纳什谈判的社区微网电能共享模型 代码主要做的是一个社区微网内部产消者之间P2P电能交易与共享的问题

基于交替方向乘子法与纳什谈判的社区微网电能共享模型 主要内容:代码主要做的是一个社区微网内部产消者之间P2P电能交易与共享的问题。 构建了基于合作博弈多产消者电能共享模型,在社区微网储能装置的约束下进行P2P电能交易,以社会福利最大化为目标函数,构建了P2P交易模型,并通过ADMM法进行交替求解,通 ......
电能 乘子 社区 模型 方向

关于react的Tabs组件中TabPane的bug

今天解决了我自认为一个很不起眼的Bug。 我的Tabs下面有5个tabPane,并且这几个tabPane共用了一个search组件,今天遇到了一个bug,就是这几个组件使用公共查找组件的时候,前一个组件的值会影响下一个组件的值。 找了半天发现,原来我应该在父组件Tabs中定义一个useState的状 ......
组件 TabPane react Tabs bug

vue3微信公众号商城项目实战系列(1)开发环境准备

项目忙完,这次上新,写一个前端系列,采用vue3来开发一个微信公众号商城。 前言: 1. 微信公众号商城本质也是一个网站,由一个个网页组成,只不过这些网页运行在手机端,能响应手指的点击、长按、拖拽等操作。 2. 既然是网页,当然可以用3件套(js+html+css)来写,但象vue这样的前端框架比3 ......
实战 公众 环境 商城 项目

Angular 复习与进阶系列 – Component 组件 の Dependency Injection & Query Elements

前言 在 Angular 复习与进阶系列 – Dependency Injection 依赖注入 的结尾, 我们提到了如何在项目中, 组件中使用 DI. 但那些只是一小部分而已. Angular DI 在组件内的用途非常广, 而且挺复杂的. 这篇我们将详细的去理解它. ......

Vue样式组件库

常用样式库 常用的Vue样式库如下 |组件库|说明|地址| |-|-|-| |element|目前只支持到vue2.x版本,不再更新|https://element.eleme.cn/#/zh-CN| |element-plus|样式与element相同,开发都为了在vue3.x版本中使用而升级|h ......
样式 组件 Vue

uniapp使用vue3 setup

引入 uniapp 页面声明周期 <script setup> // 重点 import { ref } from 'vue' let index = ref("11"); onShow(() => { index.value = "22"; }); </script> ......
uniapp setup vue3 vue

在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework

Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......

k8s各组件作用和pod通信原理

https://www.cnblogs.com/cyh00001/p/16488539.html kube-apiserver kube-apiserver负责和etcd交互, 提供了k8s各类资源对象的增删改查及watch等HTTP Rest接口,这些对象包括pods、services、repli ......
组件 原理 作用 k8s pod

用quasar+vue3+组合式api VueRouter实现路由嵌套(二级路由)

前言: 本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。 效果图: 文件目录结构和代码如下: 文中用到的标题栏数据如下: const titles = ref([ { name: "首页", path: "ho ......
路由 VueRouter quasar vue3 api

小程序组件中wx.createSelectorQuery().select()无效结果为null

非组件页面: wx.createSelectorQuery().in(this).select('.scroll-list').boundingClientRect((rect)=>{ console.log(rect) this.setData({scrollViewWidth:Math.roun ......

Vue3中点击按钮滚动页面到低端

核心代码 <template> <div ref="editflagNode"></div> <div v-if="route.query.flag '1' || route.query.flag '3'"> <Title v-if="btnFlag || taskDetail.taskConclu ......
低端 按钮 页面 Vue3 Vue

批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现

为了实现批量上传GPT的知识库并且功能,那么这个上传组件就必不可少,需要能把文档上传到服务器中。 前端部分,我是采用的cdn引入的形式,引入的elmentui。该框架是有上传组件的,可以参考我的用法: action部分就是上传接口,其他三个是上传之前的处理,上传成功和失败后的回调函数 <el-upl ......
前端 知识库 组件 elementui 接口

自己动手,通过源码找回 Ant-Design-Blaozr 中 Tree 组件的搜索筛选效果

最近更新一个Blazor server的项目,顺带把用到的 Ant-Design-Blazor 升级到了最新的 0.14.4,结果发现之前在 0.8.4 版本中 Tree 组件的搜索显示效果变了,从仅显示找到的节点变成了在全部节点中高亮显示匹配的结果,为了节省用户沟通成本(就是懒得跟最终用户费口舌解 ......

RestSharp组件中止线程问题

###背景:下单流程里面,生成发货单是在独立线程池完成的,有些批发订单数据巨大,频繁拆包生成多个发货单 排查:由于ES刷新是在一个独立的api里面,一开始怀疑是异步线程频繁请求api导致中断的 SemaphoreSlim:对同时访问资源或资源池的线程数加以限制,结果:无效 lock:顺序执行,使线程 ......
线程 组件 RestSharp 问题

使用反三角函数来计算两个矩形框中心点之间的夹角

首先,求出两个矩形框中心点的横纵坐标差,再使用反三角函数(如反正切函数)求出夹角的弧度数。最后,将弧度数转换为角度数。如果点 (x, y) 落在第一、第二象限,则返回的角度值为负数;如果点落在第三象限,则返回的角度值为正数;如果点落在第四象限,则返回的角度值为正数或负数,具体取决于 y 和 x 的符 ......