组件 常用confirm vue

vue.config.js

const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ // 默认:'/',部署应用包时的基本 URL,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,如果是部署在一个子路 ......
config vue js

vue(十一)服务启动

本地debug 在项目路径下输入命令 npm run serve 打包部署 1、打包:在项目路径下输入打包命令,会打包成一个dist文件夹 npm run build 2、安装服务器: npm install -g serve 3、启动服务 serve -s dist -s 参数的意思是将其架设在 ......
vue

vue(九)vue3新特性

vue3六大亮点: 性能比Vue2强 可以将无用模块去掉,仅打包需要的 组合API 碎片(fragment),portal传送门(teleport),悬念(suspense) 更好的TS支持 暴露了自定义渲染API setup() 在setup函数中声明对象,代替data()。ref声明简单对象,r ......
vue 特性 vue3

vue(十)Element-plus

Element-plus 基于Vue3,Element-ui 基于Vue2,是一套前端页面组件库 安装和使用 安装 npm install element-plus --save 使用:按需导入,只打包使用到的组件 安装插件 unplugin-vue-components 和 unplugin-au ......
Element-plus Element plus vue

vue(八)状态管理vuex

安装和使用 Vuex是一个专门为vue.js应用程序开发的状态管理模式 + 库,采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 简单说,状态管理可以理解成为了更方便的管理组件之间的数据交互,提供了一个集中式的管理方案,任何组件都可以按照指定的方式进行读取和 ......
状态 vuex vue

Odoo14_OWL组件扩展demo

1.Qweb <?xml version="1.0" encoding="UTF-8"?> <templates xml:space="preserve"> <t t-name="fsn_home_page_roll" t-inherit="web_enterprise.HomeMenu" t-in ......
组件 Odoo demo OWL 14

Vue + Element ui 实现动态表单,包括新增行/删除行/动态表单验证/提交功能

总结/朱季谦 最近通过Vue + Element ui实现了动态表单功能,该功能还包括了动态表单新增行、删除行、动态表单验证、动态表单提交功能,趁热打铁,将开发心得记录下来,方便以后再遇到类似功能时,直接拿来应用。 简化的页面效果图如下: ![image](https://img2023.cnblo ......
表单 动态 Element 功能 Vue

vue3封装echarts组件数据更新不同步问题

# vue3封装echarts组件数据更新不同步问题 > 背景: ​ 记录一下项目中遇到的bug,在vue3+echarts环境下,为了方便使用,我将echarts封装成组件使用,使用的时候只需要把对应的值传入给chart组件就行,但是在传入真实数据的时候遇到了问题,就是传入value值与图表组件显 ......
组件 echarts 数据 问题 vue3

Vue-Element-ui的表格中的表单校验(根据下拉框的选择内容控制是否需要校验输入框)

需求:Element-ui的表格中有可填的输入框、可选的下拉框 需要通过下拉框的值去控制输入框是否需要校验 是否必需:是则需要校验;否则无需校验 1、首先上面的表单正常绑定校验属性。 2、下面的表格再写一个表单与校验属性。绑定时需要绑定对应对象的校验字段 3、写校验的时候,写两个校验属性,一个是必填 ......
表单 Vue-Element-ui 表格 Element 内容

前端开发常用插件汇总

js常用插件(一)之移动端调试利器VConsole—教程链接 js常用插件(二)之移动端手势利器hammer单双指操作—教程链接 js常用插件(三)之html2canvas生成海报(jcanvas后续出)—教程链接 js常用插件(四)之jsonExportExcel导出表格(后台系统必备)–教程链接 ......
前端 插件 常用

NodeJS使用npm安装vue脚手架

开发环境准备:Windows10、Windows11 NodeJS,安装官网最新LTS版即可 下载地址:https://nodejs.org/ 安装一路下一步,默认即可 1、检查 Node版本、npm包管理工具版本,命令如下: 打开cmd命令,输入如下命令: node -v npm -v 2、安装 ......
脚手架 NodeJS npm vue

scss 常用操作

# scss 使用说明 ### 1、变量声明 variables ```scss $my-color: #1269b5; // 定义变量 $my-border: 1px solid $my-color; // 变量中也可以使用变量 div.box { background: $my-color; } ......
常用 scss

Vue

# Vue ## First ### 创建Vue实例 **核心步骤(4步):** 1. 准备容器 2. 引包(官网) — 开发版本/生产版本 3. 创建Vue实例 new Vue() 4. 指定配置项,渲染数据 - el:指定挂载点 - data提供数据 ```html {{ msg }} ``` ......
Vue

第十二篇 - 将Vue2升级成Vue3

vue3在vue2的基础上有所更新,所以从vue3开始学起吧。 参考链接:https://zhidao.baidu.com/question/2275453896941683268.html 一、升级vue 首先,查看当前vue的版本:npm list vue 接下来对npm进行升级:npm ins ......
Vue Vue2 Vue3

Unity UGUI的Mask(遮罩)组件的介绍及使用

# Unity UGUI的Mask(遮罩)组件的介绍及使用 ## 1. 什么是Mask组件? Mask(遮罩)组件是Unity UGUI中的一个重要组件,用于限制子对象的可见区域。通过设置遮罩组件,可以实现一些特殊效果,如显示部分图片、裁剪文本等。 ## 2. Mask组件的工作原理 Mask组件通 ......
组件 Unity UGUI Mask

Git 基本配置与常用命令

使用Git会用到一些基本的Linux命令,比如: ls/ll 查看当前目录 cat 查看文件内容 touch 创建文件 vi vi编辑器(使用vi编辑器方便展示效果) 安装成功 右击桌面出现如下两个选项表示安装成功 Git GUI:Git提供的图形界面工具 Git Bash:Git提供的命令行工具 ......
基本配置 命令 常用 Git

vue通用组件自动注册

### 前置知识 #### vite中的Glob 导入 Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块 `const modules = import.meta.glob('./dir/*.js')` 以上将会被转译为下面的样子: ``` // vite 生成 ......
组件 vue

gc 常用命令

gc:Garbage Collection 垃圾回收 1、查看java进程:使用该命令可以详细的查出对应的java进程详细信息 ps -ef|grep java 2、使用jps命令,可以列出本机所有java进程的pid 3、jstat -gcutil pid 5000 ,以5秒的维度输出对应java ......
命令 常用 gc

Dokcer常用命令

Dokcer常用命令 Dcoker基本概念 Docker 包括三个基本概念: 镜像(Image):Docker 镜像是一个特殊的文件系统,除了提供容器运行时所需的程序、库、资源、配置等文件外,还包含了一些为运行时准备的一些配置参数(如匿名卷、环境变量、用户等)。镜像不包含任何动态数据,其内容在构建之 ......
命令 常用 Dokcer

【PostgreSQL数据库】常用SQL语句收集

一. 表查询 1. 单表大小查询 如果要查询单个表的大小,可以使用常用的函数,参考语句如下: select pg_size_pretty(pg_relation_size('表名')); 注意:这个查询结果不包括索引大小,如果要查询索引大小,可以通过查询information_schema.tabl ......
语句 PostgreSQL 常用 数据库 数据

常用DB2命令

一、基础篇1、连接到本地数据库db2 connect to <数据库名> 2、连接到远程数据库db2 connect to <数据库名> user <用户名> using <密码> 3、列出目前所有数据库(当前实例中)db2 list db directory 4、进入db2数据库命令行模式db2 ......
命令 常用 DB2 DB

vue+jszip多图下载成压缩包

1、引入jszip <script src="https://cdn.staticfile.org/jquery/3.6.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/jszip/3.10.1/jszip.min ......
jszip vue

Vue3+.net6.0 二 模板语法-属性绑定,指令绑定,动态属性和指令,修饰符

Vue部分 const { createApp} = Vue; const app = createApp({ data() { return { count: 0, content:'<h3>我是html内容<h3/>', isDisabled:false } } }); app.mount('# ......
指令 属性 语法 模板 动态

Vue后台管理系统(一)

### ```vue-admin```后台管理系统 - 框架地址 ``` - 简洁版: https://gitee.com/panjiachen/vue-admin-template - 加强版: https://gitee.com/panjiachen/vue-element-admin ``` ......
后台 管理系统 系统 Vue

vue 基本语法

新建Vue对象 <!DOCTYPE html> <html> <head> <title>Vue Demo</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> < ......
语法 vue

vue-组件

<!DOCTYPE html> <html> <head> <title>Vue Demo</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id=" ......
组件 vue

Vue监听store中数据变化的2种方式

![](https://img2023.cnblogs.com/blog/1202393/202307/1202393-20230710112922278-1733509341.png) ![](https://img2023.cnblogs.com/blog/1202393/202307/1202 ......
方式 数据 store Vue

element-plus中date-picker组件属性default-time不生效解决办法

element-plus中date-picker组件属性default-time不生效解决办法在此之前解决这类问题,我通常会以以下两种方法解决,但是在element-plus中没有起到效果:第一种: <el-date-picker class="form_date_picker" v-model=" ......

07_常用的API

## 一、API ### 1.1 概述-帮助文档的使用 + 什么是`API` `API`,应用程序编程接口 + `Java`中的`API` 指的就是`JDK`中提供的各种功能的`Java`类,这些类将底层的实现封装了起来,我们不需要关心这些类是如何实现的,只需要学习这些类如何使用即可,我们可以通过帮 ......
常用 API 07

第十一篇 - Vue页面内嵌一个vue页面

一个页面的导航栏是可以重用的,所以重用部分单独提出来作为一个vue页面是很有必要的,那么一个vue页面内嵌一个vue页面怎么实现呢? 目前程序是可以跳转到jump1页面的,现在我们新建一个navigation.vue,将其内嵌于jump1页面看看。 第一步:新建navigation.vue navi ......
页面 Vue vue