1、组件传值时需要传递多个Props在编写组件时，不可避免的要根据需要传递各种值给组件，如果一个个的绑定传递就会显得很麻烦。这时候就可以使用没有参数的v-bind进行绑定const obj = {
name: 'name',
age: 17,
};
// 模板上这样使用
<ChildComp v-bind="obj"></ChildComp>
// 等于下面的写法
&l
转载
2024-07-18 13:29:19
176阅读
标题：【深度解析】Nest.js：打造高性能Node.js Web应用的现代化框架? 项目简介 Nest.js是一个为构建高效、可扩展的Node.js Web应用程序设计的框架，它将面向对象编程（OOP）、函数式编程（FP）和函数响应式编程（FRP）的理念融合在一起，让你的开发体验更加顺畅。依托于流行的Express框架，并且兼容Fastify等其他第三方库，Nest.js为你提供了一套全面而强大
13.1 创建项目创建vue# 初始化vue项目
vue init webpack hello-vue
cd hello-vue
# 安装vue-router
npm install vue-router --save-dev
# 安装element-ui
npm i element-ui -S
# 安装所有依赖
npm install
# 依赖安装报错，执行
npm audit fix
# 安装
转载
2024-05-08 22:28:20
836阅读
一、开篇
vue3.0beta版正式上线，作为新技术热爱者，新项目将正式使用vue3.0开发；接下来总结(对自己技术掌握的稳固)介绍(分享有需要的猿友)上篇博客介绍了vue3.0常用语法及开发技巧；有需要的请点击 Vue3.0 进阶、环境搭建、相关API的使用觉得对您有用的 github 点个 star 呗项目github地址：https://github.com/laijinxian/vue3
vue+elementUI 搭建与使用首先默认安装好了vue3与node.js、webpack打开控制台输入命令 vue create 项目名称 然后回车 创建vue项目vue create vue-manage-system然后进入手动选择配置这里简单介绍一下 前面两个是之前配置好的选择 以后我们创建项目也可以根据需要进行选择默认项目创建，第三个 default是vue本身自己的默认选项，最后一
转载
2024-04-04 19:32:48
61阅读
在vue中所有的指令都是以 v- 开头的。 文章目录v-text指令v-html指令v-bind指令v-if指令v-show指令v-on指令v-for指令v-model指令v-cloak指令v-once指令 v-text指令<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"&g
今天我们来聊聊elemen-ui组件库Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库最近我做的项目几乎都是管理系统，所以，为了节省时间，开始使用---element-ui。一个简单的管理系统来说，这套ui框架足够使用了，而且对样式的自定义来说，这套ui框架相对于比较灵活。为什么我说管理系统适合这套ui呢？因为管理系统中使用到的组件这上面都能找到。eleme
前言在开发过程中，不可避免的肯定会涉及到异步接口请求。而对于同一项目中，肯定会存在请求的某些异常，处理方式是一样的。如果在每个调用接口请求的地方去处理异常，那么整个项目中，尤其是大项目的时候，就会存在一大堆相同的处理，导致代码的冗余性、重复性特别明显。在未来想对同一种异常做出变更的时候，就需要修改每个调用请求接口的地方，这是非常不利于维护的。这就迫切需要我们对于请求拦截处理做出统一封装，既有利于代
转载
2024-05-10 10:58:29
32阅读
目录1.分类参数功能的开发1.创建分支2.参数管理概述3.通过路由将分类参数显示到页面中4.渲染分类参数基本结构5.获取商品分类的列表数据 6.获取商品分类的级联选择框7.控制其只能选中三级分类 8.渲染动态参数和静态属性的table标签9.渲染添加参数，添加属性的按钮（禁用和启用）10.获取参数列表数据问题1：面板切换了请求没有获取问题2：获取到的数据是给哪个面板使用12.渲
我的思路是：首先，只上传附件照片，这个直接看ele的官方例子就行，不仅仅上传附件照片，还同时上传其他参数。然后，再做上传照片和文件，上传其他参数，其实也就是文件合并。一、上传照片和其他参数页面样式大约就是这样的，参数有优先级，发生时间，服务单名称，服务单描述，图片附件上传。（一）视图部分代码：<el-form-item prop="image" label="图片附件上传"><e
Annotation(注解)是什么：Annotation（注解）官方的定义： An annotation is a form of metadata, that can be added to Java source code. Classes, methods, variables, parameters and packages may be annotat
写在开头上一篇文章 ElementUI源码系列三 - 学习gen-cssfile.js文件之自动创建组件的.scss文件与生成index.scss文件内容 我们讲过添加一个新组件要经历三个步骤：第一步 - 创建组件目录结构第二步 - 创建组件样式文件第三步 - 总入口文件引入组件并且我们实现了第二步的自动创建操作，也就是仅通过命令即可完成创建文件，再也不需要手动创建操作。当然，这第二步还不够高级，
转载
2024-07-03 23:13:10
48阅读
一 分析vue2时期PC端的UI库封神之作elementUI随着vue3的到来,发布了其续作elementPlus,并在2022年发布正式版本(根据更新日志的信息,全新的稳定版2.0.0于2022-02-07发布).点这里一键跳转至官方网站.在elementPlus中,为了解决普通树形组件无法容纳大量数据的情况,提供了一款新的组件,来解决大量数据用树形组件展示问题,该组件便是我们今天要介绍的主角,
转载
2024-05-29 20:30:03
810阅读
本文记录 Vue3 + ts 实现自定义一个全局插件，用于进行 message 消息提示，所谓全局插件即挂载到 vue 实例上，在 App 的任一子组件中均可通过 app 的实例调用该方法。消息提示功能只是示例主要是记录 Vue3 自定义插件功能的写法。文件结构：src/components/Toast/index.vue 文件用于搭建和渲染消息在页面上的显示效果，比如需要显示在页面的哪个位置、字
一、工具的选择近期想将vue+js+elementUI的项目升级为vue3+ts+elementUI plus，以获得更好的开发体验，并且vue3也显著提高了性能，所以在此记录一下升级的过程
对于一个正在使用的项目手工替换肯定不是个可实现的解决方案，更优方案是基于 AST（抽象语法树）解构代码，根据既定规则，批量修改然后输出文件。
目前主流的转换工具大致有babel插件、gogo code、j
转载
2024-06-11 14:46:19
51阅读
12月快忙疯了，但是我学到了很多东西吧，由于产品经理的严格，导致我前端被逼无奈加了很多细节交互，不靠谱后端导致联调时间还在补接口，然后延期算在前端头上，很不开心。 好不容易第一个阶段结束了，抽空写一下总结。 目录一、关于表格的一些交互二、关于表单填写校验三、图片的上传与回显四、其他知识点 一、关于表格的一些交互1.表头自定义 需求分析：结合了elementUI的table组件做的一个需求，要求通过
花几天时间和小伙伴做了个仿知乎官网的项目，下面是我整理的项目搭建流程及部署和总结，如有不足之处欢迎大家批评指正！先奉上项目地址和源码！源码地址 ， 项目地址一、目录结构本项目使用vue-cli4脚手架创建，目录结构也比之前的2版本要简洁许多，下面是本项目的目录结构。 1.public文件夹下的data和found放的是json数据和图片资源，本来想直接调用知乎的数据接口，奈何没有权限，于是只好将j
目录开发环境实现效果技术要点及代码一、querySelectorAll() 方法二、scrollIntoView()方法实战核心代码开发环境在HBuilder X开发工具下通过CDN的方式引入vue2.0以及Element-UI<!--引入vue2.0-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dis
ElementUi是怎么做表单验证的？在循环里对每个input验证怎么做呢？model 绑定表单数据,通过prop取表单数值,通过编写ref进行后台API验证 ,根据rules进行表单内容验证你有二次封装过ElementUI组件吗?popover + button 的组件，点击该按钮后还有个二次确认或选择的交互。 InfiniteScroll 封装个简单的带触底加载的列表<template&
用过了elementUi的表单验证、表单提交之后，个人觉得不是太建议使用。第一：和我们自己写js的繁琐程度差不多，第二，还要读文档增加了学习时间和成本。 废话不多说，直接上代码html:注意1：代码中的：model顾名思义是我们双向绑定的数据，而ref=”user1”,我们可以把form表单看成是一个类，那么这个类的对象名字就是我们用ref指定的名字，这个名字会在js中调用elementUI的原
转载
2024-10-29 10:15:29
112阅读
