- 一、前言本文主要讲解基于element-ui datetimepicker实现日期时间，在表单校验中的校验逻辑及实现方法。注：在表单检验时间组件时，应在检验中增加type: 'date'，否则会提示检验对象错误问题。 二、Demovue部分<!--开始/结束日期,时间--><template> <el-row style="margin-top: 13px;"> <el-col :spa... 一、前言本文主要讲解基于element-ui datetimepicker实现日期时间，在表单校验中的校验逻辑及实现方法。注：在表单检验时间组件时，应在检验中增加type: 'date'，否则会提示检验对象错误问题。 二、Demovue部分<!--开始/结束日期,时间--><template> <el-row style="margin-top: 13px;"> <el-col :spa...
- 问题描述：在下载完依赖后，启动项目报错提示：this.getOptions is not a function编辑原因分析：问题的分析：可能是由于node版本安装太高，导致下载以前老版本或者老项目package.json里面依赖的时候， less-loader 的版本下的过高了，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理。解决方案：1、先删掉... 问题描述：在下载完依赖后，启动项目报错提示：this.getOptions is not a function编辑原因分析：问题的分析：可能是由于node版本安装太高，导致下载以前老版本或者老项目package.json里面依赖的时候， less-loader 的版本下的过高了，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理。解决方案：1、先删掉...
- 一、前言Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点渲染性能，它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的Dom 。Vue 推荐在绝大多数情况下使用模板来创建 HTML。然而在一些场景中，你需要 JavaScript 的完全编程能力。这时你可以用渲染函数render，它比模板更接近编译器。在深入渲染函数之... 一、前言Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点渲染性能，它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的Dom 。Vue 推荐在绝大多数情况下使用模板来创建 HTML。然而在一些场景中，你需要 JavaScript 的完全编程能力。这时你可以用渲染函数render，它比模板更接近编译器。在深入渲染函数之...
- 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面... 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面...
- 原文链接：http://kxdang.com/topic/appuploader/iosdev90.html首先我们来看安装测试这个模块，注意按照上面提示内容操作。1.安装测试2.上传IPA进入“安装测试”页面，选择一个（必须是开发类型描述文件编译，且描述文件包含设备的UDID）的IPA文件上传。3.安装测试1.扫码安装 上传成功后，点击安装手机扫码就能测试啦！具体步骤按照上面提示... 原文链接：http://kxdang.com/topic/appuploader/iosdev90.html首先我们来看安装测试这个模块，注意按照上面提示内容操作。1.安装测试2.上传IPA进入“安装测试”页面，选择一个（必须是开发类型描述文件编译，且描述文件包含设备的UDID）的IPA文件上传。3.安装测试1.扫码安装 上传成功后，点击安装手机扫码就能测试啦！具体步骤按照上面提示...
- 需求：vue3中setup组合式api中如何定义响应式数据并且修改赋值呢？1、字符串/数字：“ref”是vue3中用来存储值的响应式数据源，它可以定义字符串，数字等<script setup>import { ref } from 'vue'// “ref”是用来存储值的响应式数据源。// 理论上我们在展示该字符串的时候不需要将其包装在 ref() 中，const message = r... 需求：vue3中setup组合式api中如何定义响应式数据并且修改赋值呢？1、字符串/数字：“ref”是vue3中用来存储值的响应式数据源，它可以定义字符串，数字等<script setup>import { ref } from 'vue'// “ref”是用来存储值的响应式数据源。// 理论上我们在展示该字符串的时候不需要将其包装在 ref() 中，const message = r...
- Vue3 组合式 API（Composition API） 主要用于在大型组件中提高代码逻辑的可复用性。传统的组件随着业务复杂度越来越高，代码量会不断的加大，整个代码逻辑都不易阅读和理解。Vue3 使用组合式 API 的地方为 setup。在 setup 中，我们可以按逻辑关注点对部分代码进行分组，然后提取逻辑片段并与其他组件共享代码。因此，组合式 API（Composition API... Vue3 组合式 API（Composition API） 主要用于在大型组件中提高代码逻辑的可复用性。传统的组件随着业务复杂度越来越高，代码量会不断的加大，整个代码逻辑都不易阅读和理解。Vue3 使用组合式 API 的地方为 setup。在 setup 中，我们可以按逻辑关注点对部分代码进行分组，然后提取逻辑片段并与其他组件共享代码。因此，组合式 API（Composition API...
- 一、前言highlight.js 支持几十种编程语言（点击下载），既包括常见的 C、java、javascript、ruby、python、html、css、sql等，还支持 apache、nginx 这些配置文件的语法。除了引入Vue-highlight.js文件外，还需要引入样式文件highlight.js。vue-highlight.js只是实现了代码高亮的功能，安装包里是没有css... 一、前言highlight.js 支持几十种编程语言（点击下载），既包括常见的 C、java、javascript、ruby、python、html、css、sql等，还支持 apache、nginx 这些配置文件的语法。除了引入Vue-highlight.js文件外，还需要引入样式文件highlight.js。vue-highlight.js只是实现了代码高亮的功能，安装包里是没有css...
- 一、前言在前端项目开发过程中，el-table展示的结果列使用组件形式引入，其中某些字段通过:formatter方法转码，结果栏位的字段显示/隐藏控制也使用组件形式引入，前端在控制字段显示属性时，发现码值转换及字段信息展示均有问题。 二、问题分析通过阅读代码结构，发现el-table-column通过template循环生成，由于template的作用是模板占位符，可帮助我们包裹元素，但在... 一、前言在前端项目开发过程中，el-table展示的结果列使用组件形式引入，其中某些字段通过:formatter方法转码，结果栏位的字段显示/隐藏控制也使用组件形式引入，前端在控制字段显示属性时，发现码值转换及字段信息展示均有问题。 二、问题分析通过阅读代码结构，发现el-table-column通过template循环生成，由于template的作用是模板占位符，可帮助我们包裹元素，但在...
- 一、前言在前期博文《Vue进阶（八十四）：vue中Computed 和 Watch的使用和区别》中，讲解了vue中Computed 和 Watch的使用和区别，其中，只是介绍了computed如何计算元素属性，并未介绍如何方法传参。本篇博文主要讲解下如何利用computed的计算属性进行传参。 二、场景引入在前端项目开发过程中，会遇到码值转换应用场景，且不同页面会存在复用码值转换情况，为提... 一、前言在前期博文《Vue进阶（八十四）：vue中Computed 和 Watch的使用和区别》中，讲解了vue中Computed 和 Watch的使用和区别，其中，只是介绍了computed如何计算元素属性，并未介绍如何方法传参。本篇博文主要讲解下如何利用computed的计算属性进行传参。 二、场景引入在前端项目开发过程中，会遇到码值转换应用场景，且不同页面会存在复用码值转换情况，为提...
- 属性window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。在窗口大小改变之后,就会触发resize事件.//vue页面<template> <div id='echart'> 报表 </div></template><script> export default { data() { return { }; ... 属性window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。在窗口大小改变之后,就会触发resize事件.//vue页面<template> <div id='echart'> 报表 </div></template><script> export default { data() { return { }; ...
- 图片切换是一个很经典的Vue入门学习案例，在你学习完一些基本的v-指令后，你可以尝试去写一个简单的demo去巩固和熟悉这些指令的使用方法，那么图片切换这个小demo就是一个不错的练手案例。 图片切换是一个很经典的Vue入门学习案例，在你学习完一些基本的v-指令后，你可以尝试去写一个简单的demo去巩固和熟悉这些指令的使用方法，那么图片切换这个小demo就是一个不错的练手案例。
- 从实例运行结果看在运行 vm.site = '菜鸟教程 http://www.kxdang.com/topic/'; 时，setter 会被调用， vm.name 和 vm.url 也会被对应更新。 从实例运行结果看在运行 vm.site = '菜鸟教程 http://www.kxdang.com/topic/'; 时，setter 会被调用， vm.name 和 vm.url 也会被对应更新。
- 我们也可以在实例选项中注册局部组件，这样组件只能在这个实例中使用： 我们也可以在实例选项中注册局部组件，这样组件只能在这个实例中使用：
- 由于 v-model 默认传的是 value，不是 checked，所以对于复选框或者单选框的组件时，我们需要使用 model 选项，model 选项可以指定当前的事件类型和传入的 props。 由于 v-model 默认传的是 value，不是 checked，所以对于复选框或者单选框的组件时，我们需要使用 model 选项，model 选项可以指定当前的事件类型和传入的 props。
上滑加载中
推荐直播
-
华为云码道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 · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签