样式 组件scoped vue
vue 检测可视区域大小及是否改变
表格height:'auto'，如果是只有一个vxe-grid还好，会自动伸展高度，但是多个展示的时候，比如左侧列表，右侧显示一个流程。 这样height:'auto'，发现不太好使。 这样就要计算可视区域高度，并进行动态处理。 const areaHeight = ref(0); onMounte ......
SQLAlchemy快速使用、SQLAlchemy原生操作、SQLAlchemy操作表、一对多关系、多对多关系、scoped线程安全、g对象、基本增删查改、常用查询
SQLAlchemy快速使用 介绍 # SQLAlchemy是一个基于Python实现的ORM框架,对象关系映射 # orm 框架 》django orm--》只能用在django中，不能独立使用 # python界的orm框架 -peewee：小型 -sqlalchemy：企业级，支持异步，用在异 ......
VUE+Element UI
el基本标签 Vue集成 Element Ul Element Ul后台管理系统主要的标签: el-container:构建整个页面框架。 el-aside:构建左侧菜单。 el-menu:左侧菜单内容，常用属性:default-openeds:默认展开的菜单，通过菜单的index值来关联。:def ......
简单的低开编辑器(二):实现组件拖拽
好家伙, 0.代码已开源 Fattiger4399/lowcode-demo: 一个简单的低代码编辑器 技术栈:Vue3 element-plus jsx (github.com) 该章实现的效果:组件从物料区到画布的拖拽 1.分析 先来分析,鼠标点击物料区的某个组件,再将其拖拽到画布这个过程 我们 ......
前端vue经典面试题78道（重点详细简洁）
前端vue经典面试题78道（重点详细简洁） 目录 1.自我介绍 2.vue面试题 1.v-show和v-if区别的区别： 2.为何v-for要用key 3.描述vue组件声明周期mm 单组件声明周期图 父子组件生命周期图 4.vue组件如何通信 5.描述组件渲染和更新的过程 1、vue 组件初次渲 ......
vue jsx相关的各种各样的包
babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-plugin-js-v-model @vue/babel-plugin-jsx requires @babel/plugin-syntax-jsx @vue/babel-plug ......
记录--用了那么久的Vue，你了解Vue的报错机制吗？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Vue的5种处理Vue异常的方法 相信大家对Vue都不陌生。在使用Vue的时候也会遇到报错，也会使用浏览器的F12 来查看报错信息。但是你知道Vue是如何进行异常抛出的吗？vue 是如何处理异常的呢？接下来和大家介绍介绍，Vue是如何处理 ......
vue弹窗中嵌入iframe页面，焦点在iframe页面中，需要监听esc按键关闭弹窗
当焦点在弹窗中，点击esc按钮能正常关闭弹窗，但是当焦点在iframe页面中时，esc按键就不生效了 试错： 直接使用 document.addEventListener('keydown', this.listenerHandle)或者document.querySelector('#iframe ......
vue必问核心面试题(vue2),下篇更新vue3面试题
Vue 面试题 v-if 和 v-show 的区别。 在频繁切换使用的场景建议用v-show<p style="display: none;">B</p>DOM会渲染所有的v-show，用不到就style="display: none;" 为何 v-for 中使用 key（要说明原理）？ 描述 V ......
15、Flutter 按钮组件
按钮组件的属性 ButtonStylee里面的常用的参数 ElevatedButton ElevatedButton 即"凸起"按钮，它默认带有阴影和灰色背景。按下后，阴影会变大 class MyApp extends StatelessWidget { const MyApp({super.key ......
VUE中选项式API和组合式API讲解。
Vue.js 提供了两种主要的 API 风格：选项式 API（Options API）和组合式 API（Composition API）。这两种 API 风格可以用来编写 Vue 组件，但它们在组织代码、复用逻辑和组件结构等方面有不同的方式。 选项式 API 是 Vue.js 最早引入的 API 风 ......
vue面试题_vue2和vue3的区别
1、数据绑定原理不同 vue2：vue2的数据绑定是利用ES5的一个API：Object.definePropert() 对数据进行劫持，结合发布订阅模式的方式来实现的。 vue3：vue3中使用了ES6的Proxy API对数据代理。相比vue2.x，使用proxy的优势如下： definePro ......
Vue 项目每次发版后要清理浏览器缓存 问题
configureWebpack: { // provide the app's title in webpack's name field, so that // it can be accessed in index.html to inject the correct title. name: ......
【HarmonyOS】低代码平台组件拖拽使用技巧之常用基础组件（上）
【关键字】 HarmonyOS、低代码平台、组件拖拽、常用基础组件、基础容器 1、写在前面 之前是花了一些时间介绍了在低代码平台中滚动容器、网格布局、页签容器、列表这几种容器的拖拽技巧及使用方法，今天我会继续来介绍咱们在应用开发中可能会经常用到的一些基础容器和基础组件，由于它们的使用都比较简单，所 ......
【HarmonyOS】低代码平台组件拖拽使用技巧之列表
【关键字】 HarmonyOS、低代码平台、组件拖拽、列表、列表项 1、写在前面 我们在日常开发中使用最多的组件可能就是列表组件了，现在几乎所有的应用都离不开列表，那么今天我们就来介绍一下如何利用低代码平台来实现列表的展示，列表实际上也是容器的一种，需要注意的是，列表是需要结合列表项来使用的，列表 ......
【HarmonyOS】低代码平台组件拖拽使用技巧之页签容器
【关键字】 HarmonyOS、低代码平台、Tabs、TabContent、页签导航 1、写在前面 前面几篇分别介绍了低代码平台中的堆叠容器、滚动容器、网格布局等三种容器的使用，实际开发中我们经常会有这样的需求，页面底部是三个Tab按钮点击时会分别切换不同的视图内容，本篇我们就来介绍低代码平台为我 ......
【快应用】快应用学习之兄弟组件通信
【关键词】 兄弟组件通信、Publish/Subscribe模式 【实现方案】 这里介绍利用框架本身提供的事件绑定接口来模拟Publish/Subscribe模式实现兄弟组件通信的方法。 一、实现步骤及代码 1、一个、customEventInVm2（当然也可以定义Pub端如sendMsg） <t ......
vue3 ts 父子 组件小例子
<project-tab ref="projectTabRef" v-model="form.projectVO" :data="parentToChild" @update="updateHandler"></project-tab> //引用组件 const ProjectTab = defin ......
ant design vue 1.x 和 3.x 自定义表单示例
以下是项目中用到的自定义表单的写法，vue2 vue3 各记录一个。 1.x(For vue2) 自定义表单的示例 实现如下图的控件 代码如下： import { Component, Prop, Vue, Watch } from 'vue-property-decorator' import { ......
jquery 检测div宽度变化_jquery判断浏览器宽度小于指定值改变div样式
浏览器原本样式 当浏览器宽度小于1200px时样式变为 代码如下： 方法一：直接修改该div样式添加w1200,会覆盖前一个样式 $(function(){ var _width = $(window).width(); //获取浏览器宽度 if(_width < 1200){ $(".chenbi ......
vue实现会议室拖拽布局排座
会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发 vue-draggable是拖拽组件，可以在组件里拖动排序，也可以多个组件之间拖动排序 vue-draggable-resizable-gorkys是一更强大的拖拽组件，可以随意拖 ......
界面控件DevExpress WPF流程图组件，完美复制Visio UI！(一)
DevExpress WPF Diagram（流程图）控件帮助用户完美复制Microsoft Visio UI，并将信息丰富且组织良好的图表、流程图和组织图轻松合并到您的下一个WPF项目中。 P.S：DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用 ......
解放VSCode+Vue的完整组件库智能提示（包括ant-design-vue、element-plus等）
解放VSCode+Vue的完整组件库智能提示 最近因为一些原因从WebStrom转回VS Code，首先感受到的就是组件库没有智能提示了： 这能忍吗？根本不可能！接下来，我带你花三分钟找回遗失的智能提示～ 首先，本篇文章适用于通过unplugin-vue-components自动引入组件的项目；也就 ......
vue3路由重定向失效
页面刷新时遇到路由重定向无效的问题，可能是因为路由重定向是在客户端进行的，而页面刷新会重新加载整个应用程序，导致重定向逻辑丢失。 为了解决这个问题，你可以使用服务器端的重定向来确保在页面刷新时也能正确地重定向到指定的路由。以下是一种常见的解决方案： 在服务器端配置，确保所有请求都返回应用程序的入口页 ......
vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
今天的开发中发现了这个问题 Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders frag ......
SpringBoot + vue2.0查询所用功能
导入数据库文件 CREATE DATABASE `springboot` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci */ /*!80016 DEFAULT ENCRYPTION='N' */ CREATE TA ......
手撕Vue-Router-提取路由信息
前言 好了经过上一篇的学习，我们已经知道了如何监听 Hash 的变化，如何监听路径的一个变化，本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢，在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou ......
vue自定义指令按enter键触发事件
directives: { enter: { bind(el, binding) { document.addEventListener('keyup', (event) => { if (event.keyCode 13) { binding.value() } }) } } }, v-enter ......
drf——序列化组件的基本使用
一、准备工作 首先需要一张数据库表（以Book表为例） 在models内书写： class Book(models.Model): name = models.CharField(max_length=32) price = models.BigIntegerField() url： path('b ......