- 一、引入场景有时候我们不希望组件被重复渲染影响用户使用体验；或出于性能考虑，避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以应用keep-alive组件。官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素... 一、引入场景有时候我们不希望组件被重复渲染影响用户使用体验；或出于性能考虑，避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以应用keep-alive组件。官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素...
- js获取url参数有两种情况： 一、应用场景一：内部页面之间互相传值假如要从A页面跳转到B页面，this.$router.push({path:"/B",query:{ Id : this.tId , ...}})进入B页面之后，this.Id = this.$route.query.Id;就能将A页面的id传入B页面，进行参数获取。 二、应用场景二：外系统跳转Vue项目时自带参... js获取url参数有两种情况： 一、应用场景一：内部页面之间互相传值假如要从A页面跳转到B页面，this.$router.push({path:"/B",query:{ Id : this.tId , ...}})进入B页面之后，this.Id = this.$route.query.Id;就能将A页面的id传入B页面，进行参数获取。 二、应用场景二：外系统跳转Vue项目时自带参...
- 一、前言利用elementUI实现表单元素校验时，出现下拉框内容选中后校验不消失的异常校验情形。通过去除校验规则中相应元素的trigger:'blur'属性，可解决以上问题。至于表单校验时，校验元素trigger属性值的选择，需要继续深究。若不设置trigger属性，该属性是否有默认值？ 二、表单验证时，trigger:‘blur’ OR trigger:‘change’ OR 不设置？对... 一、前言利用elementUI实现表单元素校验时，出现下拉框内容选中后校验不消失的异常校验情形。通过去除校验规则中相应元素的trigger:'blur'属性，可解决以上问题。至于表单校验时，校验元素trigger属性值的选择，需要继续深究。若不设置trigger属性，该属性是否有默认值？ 二、表单验证时，trigger:‘blur’ OR trigger:‘change’ OR 不设置？对...
- 一、前言本文主要讲解基于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就是一个不错的练手案例。
上滑加载中
推荐直播
-
华为云IoT开源专家实践分享：开源让物联网平台更开放、易用2024/05/14 周二 16:30-18:00
张俭 华为云IoT DTSE技术布道师
作为开发者的你是否也想加入开源社区？本期物联网平台资深“程序猿”，开源专家张俭，为你揭秘华为云IoT如何借助开源构建可靠、开放、易用的物联网平台，并手把手教你玩转开源社区！
去报名
热门标签