element-plus element vue3 plus
【IDEA】出现 Element ‘project‘ cannot have character [children]...错误
问题描述Element 'project' cannot have character [children], because the type's content type is element-only.元素 'project' 不能有字符 [children]，因为该类型的内容类型是仅元素。 ......
vue3 中 props 传递响应式值不会变
vue3 中 通过 props 传递响应式值不会跟着响应式，原因为获取 props 的时候 直接通过 props.xxx 来获取了，如果要保持响应式，需要手动转为响应式 const { status } = toRefs(props) // or const status = toRef(props ......
Vue+Element导出Excel表格示例
<template> <div @click="exportFn">导出</div> </template> <script> export default { data() { return { query: { pageIndex: 1, // 当前页 pageSize: 10, // 页大小 ......
Vue3 setup的业务逻辑分离功能拆分
在Vue3开发中，我们可能遇到一个页面或者组件业务逻辑很复杂，代码量达到千行，不利于阅读和维护，因此需要将业务逻辑进行分离 首页主界面 index.vue // index.vue <script> import {reactive, toRefs} from 'vue' import useOpe ......
vue + element-ui 的from表单嵌套数组的验证问题
在 vue + element-ui/plus 的项目中，有的时候会出现表单自定义增加数组字段，并要对新增加的字段添加相关验证。 举个例子 // 结构 data(){ return{ form:{ name:'', Param:[ {id:0,label:'',Itemtype:0,}, {id:1 ......
vue3 使用 vue-i18n 配置多语言环境
## 1. 插件地址： [Vue I18n官方文档](https://kazupon.github.io/vue-i18n/zh/ "Vue I18n官方文档") [GitHub地址](https://github.com/kazupon/vue-i18n "GitHub地址") ## 2. 安装： ......
Vue3 中的v-model实现父子组件数据同步通信
v-model在vue2中也就是双向绑定作用，但是在vue3中除了实现双向绑定外，还可以进行组件的通信父子组件的数据同步，接下来看看例子： <template> <h1>{{ num }}</h1> <child-event v-model="num"></child-event> </templa ......
element表单验证在遍历中的使用
之前使用表单验证时，都是对象形式，比较简单，直接按官网demo来即可满足要求，官网链接如下： https://element-plus.gitee.io/zh-CN/component/form.html 代码如下： <template> <div> <el-form ref="ruleForm" ......
SAP Fiori Elements List Report 表格新增列扩展方式的工作原理试读版
本教程前一篇步骤，笔者已经向大家详细介绍了如何通过 `Extension` 的方式，在 SAP Fiori Tools 提供的向导，自动生成的 Fiori Elements List Report 应用里，添加新的表格列的步骤，效果如下图所示。 ![](https://img-blog.csdnim ......
vue3 - el-upload 组件 报错custom validator check failed for prop "percentage 解决
1.原因 文件列表的元素缺少 percentage 默认参数 查看组件源码 虽然加了语法糖，不影响使用，但是控制台还是会打印警告 2.解决 给个默认值即可 ......
SAP Fiori Elements 应用里的 TypeNamePlural 字段含义
SAP Fiori Elements List Report 模板里的绑定路径： `"{= !${parameter>/settings/quickVariantSelection/showCounts} ? ${path: 'header>TypeNamePlural', formatter: ' ......
vue3+ts绘制二维码
界面展示 实现步骤 引入qrcode.vue npm i qrcode.vue 界面引入并使用 <template> <div> <el-row>二维码标签</el-row> <el-row :gutter="20"> <el-col :span="6"> <el-input v-model="co ......
vue3+typescriot中的defineEmits（子组件向父组件传值）
以下是vue3中的子组件向父组件传值的简单demo 子组件： 父组件： <child-event @xxx="handler"></child-event> <script lang="ts" setup> import childEvent from "./childEvent.vue" cons ......
SAP Fiori Elements 应用里标准模板 XML Fragment 加载的逻辑和 XMLPreprocessor 的作用
触发时间点是 `XMLPreprocessor` 的 `insertFragment` 方法: 的方式给 SAP Fiori ......
vue3+typescript中的props
以上是子组件 以上是父组件 <script setup langs="ts"> let props = defineProps(['info','money'])//父子组件的通信需要用到defineProps方法去接受父组件想要传递的数据 console.info(props) </script> ......
vue2和vue3中插槽写法区别
#### 一、slot是什么 - 在HTML中 slot 元素 ，作为 Web Components 技术套件的一部分，是Web组件内的一个占位符。 - 该占位符可以在后期使用自己的标记语言填充。 （我们可以理解为solt在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（ ......
从壹开始前后端开发【.Net6+Vue3】
# 项目名称:KeepGoing(继续前进) ## 1.1介绍 工作后，学习的脚步一直停停走走，希望可以以此项目为基础，可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础，从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点，也同时会将在此过程中遇到的问题进行分享 # ......
vue3中watchEffect的作用和适用方法
# 前言 该文章是[Vue3好玩的API-watchEffect](https://www.bilibili.com/video/BV13Z4y1y7hQ/?spm_id_from=333.337.search-card.all.click "Vue3好玩的API-watchEffect")观后的记 ......
Vue3_Vite_kbnet.eap程序框架
一、准备 这篇文章本应该于2023年7月底发出来，在家里忙来忙去没顾得上，直到今天才有时间写这段文字。 原来web项目的开发是基于Vue2+Webpack+ElementUI技术栈，Vue官方也说了Vue2会支持到2023年12月31日，所以是时候升级技术了，于是就有了本篇文章内容Vue3+Vite ......
Leetcode 203. 移除链表元素(Remove linked list elements)
[题目链接](https://leetcode.cn/problems/remove-linked-list-elements) 给你一个链表的头节点head和一个整数val , 请你删除链表中所有满足Node.val == val的节点, 并返回新的头节点. 示例 1: ``` 输入：head = ......
Spring Boot + Vue3前后端分离实战wiki知识库系统<十二>--用户管理&单点登录开发一
目标： 在上一次https://www.cnblogs.com/webor2006/p/17533745.html我们已经完成了文档管理的功能模块开发，接下来则开启新模块的学习 用户登录，这块还是有不少知识点值得学习的，先来看一下整体的效果，关于效果官网有一个体验地址：wiki.courseimoo ......
从Element日期组件源码中学到的两个工具方法
最近翻到 ElementUI 的日期组件源码，看到一些处理日期的工具方法，挺有意思，平常没有注意到，特此记录下来。 ### 获取当前日期的前一天，后一天 ```js export const prevDate = function(date, amount = 1) { return new Dat ......
如何通过扩展(Extension)的方式给 SAP Fiori Elements List Report 的表格新增列试读版
本教程之前的步骤，我们已经详细学习了 SAP Fiori Elements 应用里类型为 List Report 的创建步骤，并且介绍了使用安装在 Visual Studio Code 里的 SAP Fiori Tools 扩展提供的向导，生成 Fiori Elements 应用的本地项目结构： - ......
vue3部分学习复习截图
网络上的一些基础视频教的很好，特学习参考记录一下 vue3组合式api vue3优势 vue3新的脚手架 使用create-vue创建项目 目录和关键文件 setup基本使用 setup小结 reactive ref reactive与ref小结 computed watch vue2与vue3生命 ......
什么是 SAP Fiori Elements 的 extensionAPI
在 SAP Fiori Elements 中，"extensionAPI" 是一种用于自定义和扩展 Fiori Elements 应用的强大工具。它提供了一组 API（应用程序编程接口），允许开发人员通过代码的方式对 Fiori Elements 应用进行定制和增强。借助 extensionAPI， ......
Fiori Elements 应用里的 Object Page 应用
当谈到 SAP Fiori Elements 应用中的 "Object Page"，它是一种用于展示单个业务对象的详细信息的现代化、可自定义的应用类型。Object Page 旨在提供一种简化的开发方法，使开发人员能够快速创建符合 SAP Fiori 用户体验标准的详细信息页面。该应用类型通过可配置 ......
Fiori Elements 应用里的 Analytical List Page
当谈到 SAP Fiori Elements 应用中的 "Analytical List Page" (ALP) 时，它是一种用于展示分析型数据的现代化、可自定义的应用类型。ALP 基于 SAPUI5 技术栈，旨在提供一种简化的开发方法，使开发人员能够快速创建符合 SAP Fiori 用户体验标准的 ......
使用 Fiori Elements 框架开发应用的优势
Fiori Elements 框架是 SAP 提供的一种开发应用程序的高级抽象层。它建立在 SAPUI5 框架之上，旨在简化企业应用的开发过程，提高开发效率，并保持应用的一致性和用户体验。使用 Fiori Elements 框架，开发人员可以快速创建符合 SAP Fiori 设计准则的应用，无需大量 ......