1、动态组件代码示例： component 直接绑定全局组件的组件名：<body>
<div id="dynamic-component-demo" class="demo">
<button v-for="tab in tabs" v-bind:key="tab" v-bind:class="['tab-button', { act
转载
2024-08-21 23:17:48
83阅读
记录学习过程，如有问题，欢迎指导。概念 传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。就是当我们点击Home按钮的时候，页面显示Home页面的内容，点击About按钮的时候，页面显示About页面内容，也就是一种映射关系。 &nb
vee-validate使用教程*本文适合有一定Vue2.0基础的同学参考，根据项目的实际情况来使用，关于Vue的使用不做多余解释。本人也是一边学习一边使用，如果错误之处敬请批评指出*一、安装npm install vee-validate@next --save注意：@next,不然是Vue1.0版本bower install vee-validate#2.0.0-beta.13 --save二
自学用，总结可能不够全面。html组成部分： html标签：网页的整体 head标签：网页的头部 body标签：网页的身体 title标签：网页的标题1.h标签 文字都有变大，并且从h1 → h6文字逐渐减小，独占一行<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
&
转载
2024-09-12 07:27:25
121阅读
# Vue Axios 校验不能为空的完全指南
在现代的Web开发中，Vue.js 和 Axios 是两个不可或缺的工具，前者提供了一个灵活且高效的框架来构建用户界面，而后者则是一个基于 Promise 的 HTTP 客户端，用于与后端 API 进行交互。在很多情况下，我们需要确保用户输入不为空，这就涉及到前端表单验证。本文将为您详细介绍如何在 Vue.js 中使用 Axios 校验输入不能为空
为空：array == undefined ||array == null || array.length <= 0 (顺序不能调换) 不为空： array !==undefined &&array != null || && array.length > 0
转载
2020-07-23 15:59:00
3314阅读
2评论
（若有侵权，请作者联系本人删除） 本文仅用于学习记录使用当你开心地在编程，惊叹于vue的神奇，这时你却遇到这样的情况： 你的vue应用无法正常工作，你收到的报错是：this is undefined产生问题的原因是你混合使用了普通函数和箭头函数。我猜你肯定用了一个箭头函数。如果你把这个箭头函数替换成普通函数，也许能解决上面你遇到的问题。接下来让我们深入原理来了解为什么会产生这个问题。 毕竟，知识是
filters: { nullFilters: function (value) { // if (!value) return '/' if (!value || value == '') return '/' return value } }, 使用：field | nullFilters ...
转载
2021-11-01 16:44:00
345阅读
2评论
之前在项目中需要做个一个保存用户信息的功能，脑子了一下蹦出了Cookies，Session，localStorage，sessionStorage，还有vuex，这里记录一下它们的异同之处； Vuex首先说说vuex吧，其实vuex中的数据就是根组件的全局变量，项目结构没有修改的话，即是App.vue的全局变量。也就是说，当App.vue刷新时，vuex中的数据就会重新初始化(也就是导致
1、表单验证<form></form>(1).非空验证（去空格）(2).对比验证（跟一个值对比）(3).范围验证（根据一个范围进行判断）(4).固定格式验证：电话号码，身份证号，邮箱，信用卡号等的验证；需要用到正则表达式来进行验证。(5).其它验证2、正则表达式用符号来描述书写规则:/ 中间写正则表达式 /
^ ：匹配开头，$：匹配结尾 ； /^ve/以ve开头的 /ve$
一、Vue过滤器filters的使用场景和特点使用场景：需要格式化数据的情况，比如我们需要处理 时间、价格、状态码等数据格式的输出 / 显示。 特点：
filters不会修改数据，只是改变用户看到的输出（效果）注意：计算属性 computed ，方法 methods 都是通过修改数据来处理数据格式的输出显示在做项目的过程中，发现vue的filter
转载
2024-01-21 08:56:39
177阅读
文章目录前言一、示例代码二、输出结果三、源码解析四、总结五、补充六、结语 前言今年工作比较忙，比较没有时间写博客，最近抽空写了一下，还是保持一下更新博客的习惯比较好 ^ _ ^。 最近在写一个项目用到Vue3 + Vite4，发现一个对字符串和数字进行判空的方法，既简单又简洁，这版推荐给大家使用。提示：以下是本篇文章正文内容，下面案例可供参考一、示例代码这边演示使用if else进行判断可读性比
转载
2024-03-25 15:09:48
954阅读
一，cookie这里使用js-cookis：安装：npm install js-cookie --save在main.js中引入import jsCookie from 'js-cookie'Vue.prototype.$cookie = jsCookie把他放在Vue原型l里, 在页面组件里可直接用 this.$cookie调用在其他j
转载
2024-01-28 02:54:20
234阅读
Vue-validator 是
Vue的表单验证插件，供大家参考，具体内容如下
Vue版本： 1.0.24
Vue-validator版本： 2.1.3基本使用<div id="app">
<validator name="validation">
<form novalidate>
<div class="username-field">
<lab
转载
2023-10-03 16:08:29
127阅读
提要：项目中之前都是一层checkbox选择，书写比较简单。这次项目中遇到了多层。虽说逻辑不复杂，但是书写中也遇到问题，并且对watch有新的理解。本文不啰嗦css和布局内容。主要描述双向绑定和数据的获取。第一步：看静态页面最终效果图和HTML结构布局。图一说明：点击灰色背景区域的父级地址名称，紧邻的下方白色背景的子集订单被选中。点击全选按钮所有checkbox都选中。图2.3说明：图2是双层v-
转载
2024-03-29 10:20:29
38阅读
vue2-响应式-简说前言1、响应式核心 -- Object.defineProperty2、Demo -- 我的垃圾响应式代码Html部分JavaScript部分 前言本文旨在让小白大概了解一下怎么实现响应式（即：双向绑定 v-model），像源码中核心部分的观察者模式，模板渲染注册观察者等操作统统略过，大佬看到这就可以忽略此文了。文章分两部分来讲，基础补充（Object.defineProp
他们说大多数网络应用只是HTML表单。好吧，表单需要验证，谢天谢地，HTML5带有许多优秀的内置表单验证功能，可用于电子邮件，数字，最大值，分钟等。您甚至可以使用模式编写自己的验证规则。在本文中，我将讨论如何在覆盖无聊的默认值时利用HTML5验证，以便您可以根据需要显示验证错误。我将与Vuejs合作，但即使你不使用Vue，你也可以随时跟进。让我们从Bootstrap示例的Checkout表单的开始
前言在用vue作为前端框架进行开发的时候，对于组件间的传值你一定不会陌生，如果只是简单的父子组件传值，我想你肯定不会选择用Vuex来进行状态管理，但是如果你需要构建一个中大型单页应用，组件间数据交互比较复杂频繁，你很可能会考虑如何更好地在组件外部管理状态，那么Vuex 将会成为自然而然的选择。 Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中
在使用 Vue 2 和 Axios 的过程中，我们可能会遇到一个相对常见的问题——Axios 的响应数据为空。这个问题通常源于请求未能成功完成或响应未能正确处理。接下来，我将详细描述解决这一问题的过程，包括版本对比、迁移指南、兼容性处理、实战案例、排错指南及性能优化等方面。
### 版本对比
在处理 Vue 2 与 Axios 之间的交互时，了解版本差异至关重要。不同版本之间可能存在特性和兼容
# Vue Axios 302 请求拦截处理
在前端开发中，使用 Vue.js 和 Axios 来进行 HTTP 请求是非常常见的。尤其是在处理某些特殊的 HTTP 状态码（如 302 重定向）时，我们需要进行适当的请求拦截，以确保用户体验。本文将详细讲解如何在 Vue 项目中实现 Axios 对 302 请求的拦截，特别是当错误信息为空时的处理。
## 一、流程概述
为了有效处理 302
