vue2表单验证第10页

JavaScript基础知识：组成部分、书写位置、数据类型、数据类型的转换、运算符、注释及书写规范、定义变量

BrowserObjectModel）:指的是操作浏览器的内容；DOM（DocumentObjectModel）：指的是操作文档流的内容；ECMAScript：指的是书写语法和书写规则；1.常见的网页效果【表单验证

陌一一·2024-02-02 18:51

Vue2.0 组件传值方式：父传子、子传父、非父子组件传值

文章目录1.父组件向子组件进行传值父组件：子组件：2.子组件向父组件传值子组件：父组件：3.非父子组件进行传值公共bus.js组件A：组件B：每次总结都是在加强一遍记忆1.父组件向子组件进行传值父组件：父组件:importchildfrom'./child'exportdefault{components:{child},data(){return{name:''}}}子组件：子组件:{{inpu

博客zhu虎康·2024-02-02 18:21

Vue2.0 修饰符、绑定样式、计算属性以及侦听属性

一、修饰符1.事件修饰符：事件修饰符是对事件捕获以及目标进行了处理（语法：@事件名.修饰符）（1）stop：阻止了事件冒泡，相当于调用了event.stopPropagation方法（2）prevent：阻止了事件默认行为，相当于调用了event.preventDefault方法（3）self：只有在event.target是当前元素自身时触发（4）once：绑定的事件只能触发一次（5）captu

前端小白李小小·2024-02-02 17:01

vue2指令和修饰符

vuecreatename命令行方式创建vueui图形化方式创建项目中的命令首先在cmd命令行窗口中确认是在项目的根目录中,才能正确的启动命令.开发环境命令:npmrunserve打包便衣命令:npmrunbuildvue2

Pinia-·2024-02-02 17:30

vue2 解决父组件刷新子组件数据

在使用elementui开发pc端项目时，经常会有这样的业务场景，比如，在页面中有一个按钮，点击按钮打开一个弹框，弹框里面有一些表单项或其他的数据源，如果把按钮所在的页面作为父组件，弹框中的内容作为子组件，父组件点击按钮想要每次都能初始化子组件中的数据，会发现mounted生命周期只会调用一次，如果想要每次打开都能刷新子组件的数据，一般会有以下几种解决方式。方法1、在子组件上面加一个key，这个k

jqh_0484·2024-02-02 16:45

vue2+three.js做出一个精美的3D地图——1.搭建基础场景

系列文章目录构建基础场景文章目录系列文章目录构建基础场景前言一、下载three.js二、搭建基础场景1.构建场景（Scene）2.构建摄像机（Camera）正交相机（OrthographicCamera）：物体不会受距离影响，无论远近都不会改变大小透视相机（PerspectiveCamera）：物体受距离影响，远小近大，跟我们的人眼非常相似。透视相机构造函数的四个参数3.渲染器基础的已经搭建完成了

Tx的练习题·2024-02-02 16:04

vue2动态渲染el-table + 前端导出excel

市局县局服务站查询重置-->导出新增-->{{itm[item]||0}}-->import{getStatisticsQueryList,getStatisticsQueryListHeader,getStatisticDept}from"@/api/grassrootsServices/statisticMessage/index"import*asFileSaverfrom"file-sav

举个栗子 .·2024-02-02 16:33

vue2将一个页面作为组件来展示

这里使用vue2进行的实现首先先建一个页面我是标题块111exportdefault{name:"index"}建好了页面，接下来在需要将这个页面当作组件来引入的页面些代码importtitleFirstfrom

你非柠檬为何心酸142·2024-02-02 14:00

【项目创建笔记】

使用vue2创建项目1.打开终端，win+r打开输入cmd下载node.js，查看node.js版本2.安装vue-cli脚手架npminstall-g@vue/cli根据提示创建配置项目参考来源：https

久靥_·2024-02-02 14:37

Vue2.0 | 将项目打包成exe文件

本篇目录1.安装pkg2.下载项目依赖3.初始化并安装express包4.开始打包5.打包完成6.问题处理6.1打包过程报错附录1.手动下载node二进制文件前期准备：确保本地网络可以访问Github。确保本地正确安装NodeJs，可使用node-v查看版本。确保待打包项目可正常运行。本篇NodeJs版本v14.15.1。本篇介绍使用pkg插件将Vue项目打包成exe文件；前期准备完成之后，cmd

FSYML·2024-02-02 13:52

vue2前端使用axios发起post请求，后端(springboot)拿不到值解决办法

一、错误回现（前后端错误演示）axios封装-我常用的请求头参数application/json;charset=utf-8页面登录请求-post网络请求正常传入参数后端代码，查看控制台发现都为null，没取到值。二、解决1.尝试将前端post请求改成get,其他都不用变发现正常取到值，打印输出正常。前端页面正常跳转。2.后端设置为post请求，前端axios要配置请求头参数还要再对数据再进行一次

打工人小夏·2024-02-02 12:52

vue2+html2pdf下载PDF,PDF分页切割

问题：PDF下载下来后，文档内容被暴力分割。解决方案：HTMLPDF......JSmethods:{downloadPDF(){//下载函数try{letvm=this;//A4宽高比例constA4_WIDTH=592.28;constA4_HEIGHT=841.89;vm.$nextTick(()=>{lettarget=document.getElementById("print");//

牧马少女·2024-02-02 10:58

【Vue3实战】setup语法糖实战基础

【Vue3实战】setup语法糖前言一、setup语法糖的优势1.更清晰的逻辑组织2.更好的类型推断和IDE支持无需导入自动注入组件的上下文更好的类型推断3.更灵活的组合逻辑4.更好的响应式能力二、Vue2

愛彈吉他的小盆友·2024-02-02 09:17

前端框架简介及Vue3项目起步基础配置

前端框架简介及Vue3项目起步基础配置前端框架简介Vue1.1Vue脚手架1.1.1使用vue-cli创建vue2项目1.1.2使用create-vue创建vue3项目1.1.3项目起步-配置别名路径联想提示

前端小白进阶之旅·2024-02-02 07:08

vue2 组件注册

简单分享怎么将组件注册为全局组件，主要分为三部分：一、使用Vue.install方法将自义定的组件挂载到Vue实例上，如下：二、注册为全局组件，如下：三、页面使用，如下：

jqh_0484·2024-02-02 07:49

Vue2中给对象添加新属性界面不刷新？

在Vue.js中，如果你在对象上添加新属性而界面没有刷新，这可能是由于Vue的响应性系统的特性所导致的。Vue在初始化时会对数据进行响应式转换，这意味着只有在初始时存在的属性才会被监听，后来添加的属性不会自动触发视图更新。我们从一个例子开始：{{value}}按钮exportdefault{name:'HelloWorld',data(){return{items:{oldProperty:'旧属

凡大来啦·2024-02-02 04:00

Vue2组件注册：全局组件和局部组件

在Vue2中，你可以使用全局注册和局部注册两种方式注册组件。以下是两种方式的示例：•全局注册全局注册的组件可以在整个应用中使用，适用于高频的通用组件。

凡大来啦·2024-02-02 04:29

将Vue2中的console.log调试信息移除

前端项目构建生产环境下的package时，咱们肯定要去掉development环境下的console.log，如果挨个注释可就太费劲了，本文介绍怎么使用'babel-plugin-transform-remove-console'移除前端项目中所有的console.log.1.安装依赖npminstallbabel-plugin-transform-remove-console--save-dev

凡大来啦·2024-02-02 04:29

vue2中使用wangeditor/editor-for-vue富文本插件的方法（封装组件）

首先安装wangeditor/editor-for-vue（node版本问题加上--legacy-peer-deps，不然安装不上）npminstall@wangeditor/editor-for-vue--save--legacy-peer-deps这个是封装的文件上传的接口//文件上传uploadImg:file=>{constformData=newFormData()formData.ap

不抽烟的小王·2024-02-02 01:08

Vuex this.$store undefined

$store一直都是undefined最后的解决办法：Vuex的版本过高，是vuex：4.0.2，而我用的是Vue2，使用vue2对应的vuex应该为vuex3，vue3对应的版本为Vuex4store

雨水芬纷·2024-02-02 00:00

this.$store undefined

可能存在的问题，从以下几个方向排查1、查看store文件中的vuex实例对象是否暴漏2、main.js中是否注入store3、如果上边均没问题，打开package.json，查看vue与vuex的版本，vue2

guhy fighting·2024-02-02 00:28

Vue2 通过.sync修饰符实现数据双向绑定

App.vue退出按钮importBaseDialogfrom"./components/BaseDialog.vue"exportdefault{data(){return{isShow:false,}},methods:{},components:{BaseDialog,},}BaseDialog.vue温馨提示：x你确认要退出本系统么？确认取消exportdefault{props:{vis

知远同学·2024-02-01 21:39

Vue学习之使用HBuilderX创建并使用vue3.0项目

vue2中语法和vue3不一致，vue2中若使用vue3语法会编译报错。2、目录解析创建好的项目目录如上图所示，下面简述各目录的作

ciku·2024-02-01 20:08

React中封装大屏自适应（拉伸）仿照 vue2-scale-box

0、前言仿照vue2-scale-box1、调用示例{/*xxx代码*/}2、组件代码import{CSSProperties,ReactNode,RefObject,useEffect,useRef,

小小八毛·2024-02-01 20:34

vue3+ts使用echarts正确姿势

首先我们去封装一个Hooks为啥要封装Hooks在vue2中我们可以全局导入echarts通过this.ecahrts方式去使用echats,在vue3中使用了组合式Api对于this的支持不是方便所以为了便于开发建议自己去封装

我叫汪枫·2024-02-01 19:35

【vue】vue跑马灯vue-marquee-text-component

vue2npminstallvue-marquee-text-component@1.2.0vue3npminstallvue-marquee-text-component安装完成之后，vue页面全局引入

小墨鱼_z·2024-02-01 18:15

Vue2（七）：脚手架、ref属性、props配置项、mixin混入、插件、scoped样式

文章目录一、配置脚手架二、分析脚手架结构三、[render函数](https://so.csdn.net/so/search?q=render函数&spm=1001.2101.3001.7020)1.来看下main.js文件1.vue.js与vue.runtime.xxx.js的区别2.render函数是干啥的？3.为什么要引入残缺的vue呢？四、脚手架的默认配置五、ref属性，顺便看看main.

Kiwi23333·2024-02-01 18:59

Vue2（十二）：Vuex

一、Vuex1.Vuex的环境搭建1.1安装vuex安装：npmivuex@3注意Vue2一定要安装vuex3，如果是vue3可以直接npmivuex安装的是vuex4，可以去package.json文件里看下

Kiwi23333·2024-02-01 18:59

vue3：中warch监听的几种写法

作用：监视数据的变化（和vue2中的watch作用一致）特点：vue3中watch只能监视以下四种数据：1、ref定义的数据2、reactive定义的数据3、函数返回的值（getter函数）4、前面3个内容的数组写法情况一监视

荀鼠不是鼠·2024-02-01 16:02

VUE3新特性hook

——本质是一个函数，把setup函数中使用的CompositionAPI进行了封装，类似于vue2中的mixin。自定义hook的优势：复用代码,让setup中的逻辑更清楚易懂。

前端你鹏哥·2024-02-01 14:16

vue2项目迁移到vue3中需要做什么处理

1.更改script标签为了方便写代码，在这里我们使用...标签2.定义变量的不同vue2中的data()内是用来定义变量的，如exportdefault{data(){return{ loginForm

前端你鹏哥·2024-02-01 14:46

Vue3组件传值

Bus）1.引入第三方库mitt2.在哥哥组件中导入2.在弟弟组件中导入补充子组件修改父组件传的值Vue3组件传值提示：先了解defineProps,和defineEmitesdefineProps等同与vue2

lucky_full·2024-02-01 14:45

基于Vue2的简易公式编辑器（自带公式校验）

引入formulaPage组件后可直接使用话不多说，直接上源码 ‍{{item.value}} ‍{{item.value}} ‍{{item.value}} { addItem(e,'obj'); } " st

前端你鹏哥·2024-02-01 14:45

vue2组件传值

一、父组件向子组件传值父组件中的数据在子组件中不能直接使用，要想在子组件中使用，步骤：1、在子组件配置props属性，属性中协商自定义属性名。{props：[’自定义属性名‘]}2、在父组件中找到子组件标签。3、在子组件中需要使用数据的地方，直接将第一步中自定义属性名当作data数据来使用。{{自定义属性名}}示例：子组件：父组件：二、子组件向父组件传值步骤：1、在需要发送数据的子组件标签上绑定自

前端小白的成长日记·2024-02-01 14:44

vue2组件传值大全

参考：【Vue2从入门到精通】深入浅出，带你彻底搞懂Vue2组件通信的9种方式_vue2组件通信方式-CSDN博客参考：一文搞懂Vue2中的组件通信_vue.js_脚本之家Vue组件间通信分类Vue组件间通信主要指以下

前端你鹏哥·2024-02-01 14:43

Vue3中的watch函数使用

Vue2和Vue3中的watch函数作用是一样的，用来监测数据的变化并在数据变化时触发对应的回调函数，但Vue2和Vue3中的watch在使用的细节上有所不同，Vue3中的watch在监测reactive

iheliang·2024-02-01 12:33

el-form表单验证：满足校验之后校验信息仍然存在问题

一，问题背景重要性做了必填校验，重要性组件：{{item.label}}问题抛出：当重要性有值时，校验信息应该消失。二.原因排查：表单校验相关代码importanceLevel:[{required:true,message:'请选择重要性',trigger:['blur','change']}],虽然重要性字段值改变，但是并没有触发校验，所以当首次提交整张表单时产生的错误信息并没有消失。查了el

念念不忘必有回响·2024-02-01 11:05

vue3中多个表格怎么同时滚动并且固定表头

1.需求效果2.第一种没有修改过el-table这个组件的样式的做法（1）直接看大佬vue2的做法https://blog.csdn.net/z1761419224/article/details/12051084

℘团子এ·2024-02-01 08:18

手写 Vue 系列之 Vue1.x

封面image前言前面我们用12篇文章详细讲解了Vue2的框架源码。接下来我们就开始手写Vue系列，写一个自己的Vue框架，用最简单的代码实现Vue的核心功能，进一步理解Vue核心

李永宁_lyn·2024-02-01 08:21

《Vue3 基础知识》使用 GoGoCod 升级到Vue3+ElementPlus 适配处理

此篇为《Vue2+ElementUI自动转Vue3+ElementPlus（GoGoCode）》的扩展！

AvatarGiser·2024-02-01 07:21

Vue2 悬浮球

importFloatBallfrom"@/components/FloatBall.vue"exportdefault{name:"HomeView",components:{FloatBall},data(){return{};},mounted(){}};{{text}}exportdefault{props:{text:{type:String,default:'悬浮'},itemWidt

钓了猫的鱼儿·2024-02-01 06:54

Vue2 长文本展示和收起

import*asConfigfrom'@/components/data';importLongContentShowfrom"@/components/LongContentShow";exportdefault{name:"HomeView",components:{LongContentShow},data(){return{introduce:""};},mounted(){this.i

钓了猫的鱼儿·2024-02-01 06:53

2024 高级前端面试题之 Vue 「精选篇」

Vue模块精选篇1.谈谈你对MVVM的理解2.谈谈你对SPA单页面的理解3.Vue2.x响应式数据原理4.Vue3.x响应式数据原理5.Vue中如何检测数组变化6.Vue中如何进行依赖收集？

八了个戒·2024-02-01 03:37

（element-ui）v-for动态数据循环表单验证的处理方式

1.1.功能需求使用element的表单验证方式，动态for循环的场景的使用？

羽翼的翼·2024-02-01 03:37

【Strelitzia项目】vue3+ts实现element-plus中选择器省市区三级联动

但是在这个问题的过程中存在着不少疑惑，首先就是百度找不到vue3+ts的代码，而自己本身又是后端开发人员，所以在技术层面存在着不少的疑问，vue2编写代码的方式不太熟练。

兜里旺仔没加糖·2024-02-01 02:00

vue $attrs和$listenners

Vue2.x中的attrs和attrs和attrs和listeners或许很多Vue小白跟我一样,在之前不太了解attrs和attrs和attrs和listenners这两个API是干嘛的,甚至没有听过或者使用过

汪小敏同学·2024-02-01 01:28

element -table，多行或列合并

需要合并的列的行数未知（所以需要有数据后遍历后端数据对需要合并的属性进行计数）即动态遍历表格合并效果-重点方法；table自带的:span-method="objectSpanMethod"方法代码环境：vue2

禾苗种树·2024-02-01 01:13

vue2 自定义webpack plugin 添加版本文件到public目录下/vue-config全局环境变量

在项目根目录创建version-plugin.js文件//引进nodefs模块constfs=require('fs')//引进nodepath模块constpath=require('path')//webpackpluginclassVersionPlugin{//实例化传的参数constructor(options={}){this.options=optionsthis.isFinish=

ivwsjc·2024-02-01 00:17

vue使用json格式化

安装npmibin-code-editor-S//Vue2npminstallvue-json-viewer--save在main.js引用//引入bin-code-editor相关插件和样式importCodeEditorfrom'bin-code-editor

33455432·2024-02-01 00:08

推荐频道

vue2表单验证