布局vue web
Flex布局
引言:关于前端布局,我学习了Pink老师的Flex。以下是我自己做的一些简单笔记。 ## 一个小套路 凡使用Flex布局,我们都会在其父元素设置`display:flex;` 那么就有人问了,这句代码的意义何在?别急,看下面GPT怎么回答! display:flex是一种CSS属性,用于==定义一个 ......
EAS_WEB给f7通用查询设置过滤条件
onCompanyChange:function(event,value){ waf('#costDep').wafPromptStandard('option','filteritem',"parent.id = '"+value.current.id+"'"); waf('#payAccount ......
vue3+ts+pinia项目中的好写法
### 前端截取文字 ``` String(enterpriseName).length Promise, requestFn: () => Promise) { type Timer = ReturnType const text = ref('获取验证码') const disabled = r ......
vue - v-model在组件上的应用(包含子传父)
### 一、v-model 的参数 默认情况下,`v-model` 在组件上都是使用 `modelValue` 作为 prop,并以 `update:modelValue` 作为对应的事件。我们可以通过给 `v-model` 指定一个参数来更改这些名字: ``` ``` 在这个例子中,子组件应声明一 ......
vue-component-2023-7-7
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--view层 模板--> <div id="app"> <!--组件,传递给组件中的值:prop ......
vue项目跨域问题
# vue项目跨域问题 ## 一、vue项目直接调用第三方接口后,打包成dist部署到服务器后,提示404以及跨域问题 ## 解决方式: 使用宝塔部署时:如图: ![image](https://img2023.cnblogs.com/blog/2034232/202307/2034232-2023 ......
SpringBoot-Vue整合的小demo
参考:https://github.com/Aizhuxueliang/springboot-vue 主要通过后端SpringBoot技术和前端Vue技术来整合一个小demo,实现简单的增删改查、分页功能以及了解Springboot搭配vue完成前后端分离项目的开发流程。 2023.7.7 ## 一 ......
h3c防火墙web密码忘记,绕过Console登录验证重置密码
1、超级终端连接上 2、设备重启或者开机,按Ctrl+B进入bootrom菜单(注意确认密码恢复功能处于开启状态) 3、菜单选项 8 Skip Authentication for console Login(跳过Console登录验证) 4、再选择1启动系统 5、启动完成后,system-view ......
Vue3 响应式全局对象
项目需求 实现一个 响应式全局对象,在A模板页修改全局对象 ,在B模板页中自动响应改变为新值 main.js 全局对象 globalVars import { createApp } from 'vue' import { reactive } from 'vue' import App from ......
vue-slot插槽
今天大致了解些vue插槽。在Vue.js中,插槽(slot)是一种机制,它允许你将内容插入到组件的特定位置。使用插槽,你可以在组件内定义一些可以被填充的占位符,然后在使用该组件时,将具体的内容插入到这些占位符中。 <!DOCTYPE html> <html lang="en"> <head> <me ......
14:vue3 生命周期钩子
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。 生命周期函数 创建期:beforeCreate created 挂载期 ......
Vue3+.net6.0 一 3和2的一些区别,初始化一个最简单的Vue3
Vue3的数据双向绑定原理与Vue2不同 在之前的Vue2的学习中,知道了vue2的双向绑定是通过Object.defineProperty将我们new出来的vue对象中的Property转换成Setter/Getter,每个组件有一个watcher来监听这些Property。 在Vue3中,使用的 ......
vue3使用表格el-table-infinite-scroll.js:18 Uncaught (in promise) Error: [el-table-infinite-scroll]: .el-scrollbar__wrap element not found.
先看下表格里面有没有这个el-scrollbar__wrap class类 没有的话升级一下element-plus到最新的就行 你可以先查看element-plus的版本 npm view element-plus 下载完之后 就有了 ......
SublimeText添加对vue的支持和格式化
## 添加对vue的语法的高亮支持 首先需要安装插件 install package, 按下 ctrl + shift + p , 输入 install 即可看见 install package , 选中回车即可,等待一段时间会提示是否安装成功 安装成功后开始安装开发VUE需要用到的插件 , 安装方 ......
vue - Prop 传参
Prop 校验 ``` export default { props: { // 基础类型检查 //(给出 `null` 和 `undefined` 值则会跳过任何类型检查) propA: Number, // 多种可能的类型 propB: [String, Number], // 必传,且为 St ......
vue项目使用vue2-org-tree (避免重复踩坑踩坑)
1.效果图 ![](https://upload-images.jianshu.io/upload_images/23226621-e60dfc533585b729.png?imageMogr2/auto-orient/strip|imageView2/2/w/808/format/webp) ## ......
13:vue3 插槽 slot
1、插槽基础知识 用Parent.vue,导入SlotBase.vue组件 1 <template> 2 <SlotBase> 3 <div> 4 <h3>插槽标题</h3> 5 <p>插槽内容</p> 6 </div> 7 </SlotBase> 8 </template> 9 10 <scrip ......
vue组织结构插件vue2-org-tree 功能交互
先上效果 可以切换节点颜色,展开与否,坚排或者横排都可以配置。 安装 安装vue2-org-tree, 然后再安装样式 less-loade ``` cnpm install --save-dev less less-loader cnpm install --save-dev vue2-org-t ......
程序的内存布局
程序在内存空间上的布局如下图: 1. **代码段(.text)**:这里存放的是CPU要执行的指令,代码是可共享的,相同的代码在内存中只有一份拷贝,同时这个段是只读的,防止程序误修改指令。 2. **初始化数据段(.data)**:这里存放是是程序中需要明确赋初始值的变量,例如全局变量。代码段和初始 ......
Vue + Volo.Abp 实现Auth2.0客户端授权模式认证
@[toc] Volo.Abp的[身份服务器模块](https://docs.abp.io/zh-Hans/abp/latest/Modules/IdentityServer)默认使用 [IdentityServer4](https://identityserver4.readthedocs.io/ ......
Vue3主要的响应类方法(ref、reactive、toRef、toRefs)
1.Vue.ref() 1.1.可以为单个属性添加响应式状态。1.2.可以为对象添加响应式状态,当给对象的某个属性单独ref后,改变后的属性值不会同时改变原始值。1.3.访问数据值,需要添加.value。1.4.原始数据的拷贝。(原始数据不被改变) 2.Vue.reactive() 2.1.给对象添 ......
12:vue3 组件事件(子传父 )
1、触发与监听事件(子传父this.$emit) Parent.vue 1 <template> 2 <h3>Parent父组件</h3> 3 <Child @parentEvent="parentEventHandle"></Child> 4 <p>子组件传递的数据:{{ message }}</ ......
vue - 动态组件(:is在组件中的使用)
### 使用场景: 有些场景会需要在两个组件间来回切换,比如 Tab 界面: 我们可以通过 Vue 的` ` 元素和特殊的 `is` attribute 实现的:如 ``` ``` 在上面的例子中,被传给` :is `的值可以是以下几种: * 被注册的组件名 * 导入的组件对象 你也可以使用 `is ......
vue3--setUp以及ref的使用
<template> <h1>计数统计:{{ countRef }}</h1> <h2><button @click="inCreate">数量加1</button></h2> <h2><button @click="inDelete">数量-1</button></h2> </template> ......
vue 自定义指令实现overflow-tooltip
利用element ui el-tooltip 组件实现 1. 创建overflow-tooltip指令 import Vue from 'vue' /* eslint-disable */ function getStyle(obj, attr) { if (obj.currentStyle) { ......
vue--计算属性
在 Vue.js 中,计算属性(Computed Property)是一种特殊的属性,它基于现有的数据计算出一个新的值,并且会根据其依赖的数据进行自动更新。计算属性主要用于将复杂的逻辑和变量计算封装为属性,以便在模板中直接使用。以下是使用计算属性的一般步骤: 1.在 Vue 实例的 computed ......
教程:在 Amazon Linux 2 上安装 LAMP Web 服务器
通过以下步骤,您可以将带 PHP 和 MariaDB(一个由社区开发的 MySQL 分支)支持的 Apache Web 服务器(有时称为 LAMP Web 服务器或 LAMP 堆栈)安装到您的 Amazon Linux 2 实例上。您可以使用此服务器来托管静态网站或部署能对数据库中的信息执行读写操作 ......
【补充】纯手撸Web框架
# 纯手撸Web框架 # 【1.0】简易版本 ## python ```python # -*-coding: Utf-8 -*- # @File : 01 纯手撸web框架 .py # author: Chimengmeng # blog_url : https://www.cnblogs.com ......
Vue3 中的 expose的应用 - 限制对子组件实例的访问
我从3A平台购买了云服务器。如果你在开发一个开源的组件或库,你有可能想保持一些内部方法的私有性。在Vue 3.2之前,这并不容易实现,因为所有在选项API中声明的方法或数据等都是公开的,所以模板可以访问它。 组合API也是如此。我们从setup方法中返回的所有东西都可以被父类直接访问。 ### 组合 ......