- errorClass 是始终存在的，isActive 为 true 时添加 activeClass 类： errorClass 是始终存在的，isActive 为 true 时添加 activeClass 类：
- 一、前言在开发Vue项目过程中，代码复用之自定义组件是常做事情。当子组件为form表单的时候，父组件需要获取子组件（表单）的验证结果。尽管有 prop 和事件，但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用... 一、前言在开发Vue项目过程中，代码复用之自定义组件是常做事情。当子组件为form表单的时候，父组件需要获取子组件（表单）的验证结果。尽管有 prop 和事件，但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用...
- 一、前言package-lock.json文件的作用是锁定安装时包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。根据官方文档，package-lock.json 是在 npm install时生成的一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 二、作用它有什么作用呢？因为npm是一个用于管理package... 一、前言package-lock.json文件的作用是锁定安装时包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。根据官方文档，package-lock.json 是在 npm install时生成的一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 二、作用它有什么作用呢？因为npm是一个用于管理package...
- Vue组件datepicker 400 后端Source: (PushbackInputStream)； line: 1, column: 111] (through reference chain) Vue组件datepicker 400 后端Source: (PushbackInputStream)； line: 1, column: 111] (through reference chain)
- 一、前言项目开发过程中，优化项目时考虑加入全屏功能。具体实践步骤如下： 二、安装依赖项目中使用的是sreenfull插件，执行命令安装：npm install --save screenfull 三、应用组件安装好后，引入项目，用一个按钮进行控制即可，通过Esc键退出全屏按钮方法如下：<script>import screenfull from 'screenfull'export def... 一、前言项目开发过程中，优化项目时考虑加入全屏功能。具体实践步骤如下： 二、安装依赖项目中使用的是sreenfull插件，执行命令安装：npm install --save screenfull 三、应用组件安装好后，引入项目，用一个按钮进行控制即可，通过Esc键退出全屏按钮方法如下：<script>import screenfull from 'screenfull'export def...
- 一、前言ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整VUE组件库与开发方案集成项目。下面具体讲解下该组件库的应用实践。 二、组件库安装npm install ant-desig... 一、前言ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整VUE组件库与开发方案集成项目。下面具体讲解下该组件库的应用实践。 二、组件库安装npm install ant-desig...
- @toc 1、简介 Vue.js使用了基于HTML的模板语法，允许开发者声明式地将呈现的DOM绑定至底层组件实例的数据。所有的Vue.js模板都是有效的HTML,可以被符合规范的浏览器和HTML解析器解析。 在底层，Vue将模板编译为虚拟DOM呈现函数，结合响应式系统，当应用程序状态发生变化时，Vue可以智能地计算出需要重新渲染和应用最小数量DOM操作的组件。 2、实例代码：<!DOCT... @toc 1、简介 Vue.js使用了基于HTML的模板语法，允许开发者声明式地将呈现的DOM绑定至底层组件实例的数据。所有的Vue.js模板都是有效的HTML,可以被符合规范的浏览器和HTML解析器解析。 在底层，Vue将模板编译为虚拟DOM呈现函数，结合响应式系统，当应用程序状态发生变化时，Vue可以智能地计算出需要重新渲染和应用最小数量DOM操作的组件。 2、实例代码：<!DOCT...
- 1、监听器简介 Vue中的监听器主要用于监测组件实例的数据变动，并依据该数据变动作出响应，如更新一个数据，或者发起异步请求从服务器端请求数据。与计算属性不同的是，监听器不需要返回新的数据，不能被当作数据属性使用，当需要在数据变化时执行异步或开销较大的操作时，使用监听器是最合适的。 2、使用监听器 监听器在Vue实例的选项对象的watch选项中定义。<!DOCTYPE html><htm... 1、监听器简介 Vue中的监听器主要用于监测组件实例的数据变动，并依据该数据变动作出响应，如更新一个数据，或者发起异步请求从服务器端请求数据。与计算属性不同的是，监听器不需要返回新的数据，不能被当作数据属性使用，当需要在数据变化时执行异步或开销较大的操作时，使用监听器是最合适的。 2、使用监听器 监听器在Vue实例的选项对象的watch选项中定义。<!DOCTYPE html><htm...
- 1、递归组件 组件可以在自己的模板种递归调用自身，但这需要使用name选项为组件指定一个内部调用的名称。当调用Vue.createApp({}).component({})全局注册组件时，这个全局的ID会自动设置为该组件的name选项。 递归组件和程序语言中的递归函数调用一样，都需要有一个条件结束递归，否则就会导致无限循环。例如，可以通过v-if指令（表达式计算为假时）结束递归。 2、... 1、递归组件 组件可以在自己的模板种递归调用自身，但这需要使用name选项为组件指定一个内部调用的名称。当调用Vue.createApp({}).component({})全局注册组件时，这个全局的ID会自动设置为该组件的name选项。 递归组件和程序语言中的递归函数调用一样，都需要有一个条件结束递归，否则就会导致无限循环。例如，可以通过v-if指令（表达式计算为假时）结束递归。 2、...
- 1、简介 在开发大型单页应用时，需要烤炉项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务无关的事情，对于项目中用到的构建工具、代码检查工具等还需要一遍一遍地重复配置。这很浪费时间，物品们会选择一些能够创建脚手架地工具，来帮助搭建一个项目地框架，并进行一些项目所依赖地初始配置。 在Vue.js环境中，这个脚手架工具就是Vue CLI，利用这个工具，可以自动生成一个基... 1、简介 在开发大型单页应用时，需要烤炉项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务无关的事情，对于项目中用到的构建工具、代码检查工具等还需要一遍一遍地重复配置。这很浪费时间，物品们会选择一些能够创建脚手架地工具，来帮助搭建一个项目地框架，并进行一些项目所依赖地初始配置。 在Vue.js环境中，这个脚手架工具就是Vue CLI，利用这个工具，可以自动生成一个基...
- 一、Vue模块化开发使用路由模块化开发使用前端路由也是遵照上一篇文章的步骤，只是形式上有些变化。先利用Vue CLI创建一个Vue3.0的脚手架项目，项目名为myroute,直接选择Default(Vue 3 Preview)([Vue 3] babel,eslint),开始项目创建。项目创建成功后启动VSCode打开项目所在文件夹，接下来按照以下步骤开始前端路由的配置。 1、为项目安装v... 一、Vue模块化开发使用路由模块化开发使用前端路由也是遵照上一篇文章的步骤，只是形式上有些变化。先利用Vue CLI创建一个Vue3.0的脚手架项目，项目名为myroute,直接选择Default(Vue 3 Preview)([Vue 3] babel,eslint),开始项目创建。项目创建成功后启动VSCode打开项目所在文件夹，接下来按照以下步骤开始前端路由的配置。 1、为项目安装v...
- 一、问题描述在开发Vue项目时，出现警告：‘res’ is defined but never used 二、解决方案： 第一种方案在对应需要忽略校验的行上面加上下面这句注释：//eslint-disable-line no-unused-vars例如： 第二种方案也可以通过修改全局配置文件的校验规则，在package.json文件中，加入配置："no-unused-vars": "off... 一、问题描述在开发Vue项目时，出现警告：‘res’ is defined but never used 二、解决方案： 第一种方案在对应需要忽略校验的行上面加上下面这句注释：//eslint-disable-line no-unused-vars例如： 第二种方案也可以通过修改全局配置文件的校验规则，在package.json文件中，加入配置："no-unused-vars": "off...
- @[toc] 1、问题描述今天再用v-for指令进行遍历的时候出现custom elements in iteration require v-bind:key错误。 2、解决方案：为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，需要为列表的每一项提供一个唯一key属性。key属性的类型只能是string或number。例如我修改之后的代码如下： <el-tim... @[toc] 1、问题描述今天再用v-for指令进行遍历的时候出现custom elements in iteration require v-bind:key错误。 2、解决方案：为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，需要为列表的每一项提供一个唯一key属性。key属性的类型只能是string或number。例如我修改之后的代码如下： <el-tim...
- 1、实现效果 2、后端返回的数据格式"list": [ { "id": "1178214681118568449", "title": "后端开发", "children": [ { "id": "1178214681139539969", "title": "Java" ... 1、实现效果 2、后端返回的数据格式"list": [ { "id": "1178214681118568449", "title": "后端开发", "children": [ { "id": "1178214681139539969", "title": "Java" ...
- 使用Vite搭建Vue3组件库的开发环境，主要用于打包和发布代码工具 使用Vite搭建Vue3组件库的开发环境，主要用于打包和发布代码工具
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中 -
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签