vue2表单验证第14页

Vue2 props组件通信

一、父组件向子组件传值1、流程图2、父组件代码importUserInfofrom'./components/UserInfo.vue'exportdefault{data(){return{username:'小帅',age:28,isSingle:true,car:{brand:'宝马',},hobby:['篮球','足球','羽毛球'],}},components:{UserInfo,},}

知远同学·2024-01-26 12:16

element-ui表单验证时undefined (reading ‘validate‘)

我搜索了一下，大部分都是说不仔细造成的，但是我一一对照了1、el-form中我定义了ref，并且ref前面也是没有加冒号的2、el-form中也绑定了rules，并且rules前面加了冒号2、el-form-item我是加了prop的，并且和rules中的名称一致4、v-mode的data也是没有异常的然后我尝试打印validate前面的内容，发现是undefined到这里我终于找到原因了，因为我

yy_demo·2024-01-26 11:19

【Vue2 + ElementUI】分页el-pagination 封装成公用组件

效果图实现（1）公共组件exportdefault{data(){return{layout:"total,sizes,prev,pager,next,jumper",background:"background",}},props:{totalSize:{//数据总条数type:Number,default:0},pageSize:{//每页显示条数type:Number,default:10}

吃小猫的大鱼·2024-01-26 11:18

Vue2 + JSX使用总结

什么是JSX摘自React官方：它被称为JSX，是一个JavaScript的语法扩展。我们建议在React中配合使用JSX，JSX可以很好地描述UI应该呈现出它应有交互的本质形式。JSX可能会使人联想到模板语言，但它具有JavaScript的全部功能。Vue什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太好看而已。或者使用模板语法，那写

东扯葫芦西扯瓜·2024-01-26 10:25

Vue2学习之第六、七章——vue-router与ElementUI组件库

路由理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。1.基本使用安装vue-router，命令：npmivue-router应用插件（在main.js中）：//引入VueimportVuefrom'vue'//引入所有组件的父组件AppimportAppfrom'./App'//引入VueRo

吃一口你的梦。·2024-01-26 10:42

vue3 数据放置的两种方式

Ciilk·2024-01-26 10:59

带【科技感】的Echarts 图表

Echarts脚本在线地址https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js引入Echarts脚本后粘贴代码vue2代码：exportdefault

我不是费圆·2024-01-26 10:12

uniapp报错：export { render, staticRenderFns, recyclableRender, components }

uniappvue2项目启动报错export{render,staticRenderFns,recyclableRender,components}解决办法:降低prettier的版本"prettier

彭世瑜·2024-01-26 10:32

【vue】Vue2和Vue3中的代码逻辑复用对比（mixins、自定义hook）：

【2】mixins和CompositionAPIhook解决的区别：一、前言：mixins是Vue2.xOptionsAPI中常用的代码逻辑抽离手段，在Vue3.x中也同样可以使用。虽然好用，

Sun Peng·2024-01-26 10:47

Vue---组合式API - computed

计算属性基本思想和Vue2保持一致，组合式API下的计算属性只是修改了API写法//导入import{ref,computed}from'vue'//原始数据constcount=ref(0)//计算属性

香香爱编程·2024-01-26 09:43

vue —— h函数的学习与使用

二、h函数格式说明及使用示例1：简单创建一个VNode（vue3）示例2：vue2中h函数用法示例3：vue3中h函数的用法vue2和vue3中h函数的区别？

Ying（英子）·2024-01-26 09:41

[零基础学习Vue2+webpack项目]的基础依赖项的安装详解（1）

1.首先新建一个空的项目文件夹：【yydpt_vue2_base】如下图：图12.然后用【vscode】打开此项目文件如下图：图23.因为此项目准备用【vue2+webpack】来进行前端开发，因此可以先安装

月影WEB·2024-01-26 09:19

Vue学习笔记12--Vue3之setup/ref函数/reactive函数/Vue3响应式原理/reactive对比ref

若返回一个渲染函数，则可以自定义渲染内容注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data/methos

jxncxgx·2024-01-26 09:54

微信小程序图片自适应高度宽度完美适配原生或者uniapp

---1.新建一个组件bl-adaptation-img.vue2.在main.js中导入//自适应图片图片高度宽度100%importblAdaptationImgfrom'

执波仔丶·2024-01-26 07:31

【Vue3】组件通信

Vue3组件通信和Vue2的区别：移出事件总线，使用mitt代替。vuex换成了pinia。把.sync优化到了v-model里面了。把$listeners所有的东西，合并到$attrs中了。

小秀_heo·2024-01-26 04:57

Vue UI组件开发框架服务端辅助工具应用实例 Demo示例

element★11612-饿了么出品的Vue2的webUI工具套件Vux★7503-基于Vue和WeUI的组件库iview★5801-基于Vuejs的开源UI组件库mint-ui★5517-Vue2的移动

前端小狮·2024-01-26 03:47

Vue3的优势

Vue3和Vue2之间存在以下主要区别：1.性能优化：Vue3在内部进行了重写和优化，采用了新的响应式系统（Proxy），相较于Vue2中的Object.defineProperty，更具性能优势。

Zy000428·2024-01-26 03:00

移动端vue2使用vue-pdf当前页面预览

1.初始使用iframe总觉得很丑,于是进行改进PDF预览方式,这是使用了vue-pdf的预览2.此代码是直接一次性展示全部文件,文件内容多时,存在很长时间的加载空白问题###模板放大缩小-->###JS代码importaxiosfrom"axios";importvuePdffrom"vue-pdf";constpdf={...vuePdf,destroyed:undefined};//解决加载

 勿忘初心·2024-01-26 02:12

移动端vue2使用vue-pdf当前页面预览(分页优化)

1.继续上次的PDF预览优化,为解决文件过多一次性加载超长时间问题,做出分页效果,进行分页加载###模板-->上一页下一页放大缩小-->###JS代码importaxiosfrom"axios";importvuePdffrom"vue-pdf";constpdf={...vuePdf,destroyed:undefined};//解决加载后页面空白问题//importCMapReaderFact

 勿忘初心·2024-01-26 02:12

Vue2 + Vue3学习笔记（十一）常用指令 v-model v-text v-html等的总结

首先细数一下已经了解过的v-指令v-bind:单向绑定解析表达式,可简写为:xxxv-model:双向数据绑定v-for:遍历数组/对象/字符串v-on:绑定事件监听,可简写为@v-if:条件渲染（动态控制节点是否存存在）v-else:条件渲染（动态控制节点是否存存在）v-show:条件渲染(动态控制节点是否展示)以及本文中要学习的指令v-textv-htmlv-cloakv-oncev-pre还

yggjdle·2024-01-26 02:39

ywl-watermark-vue基于vue指令实现水印功能（vue2/vue3），防止手动删除水印

在开发vue项目中，可能会根据项目的需求对页面添加水印效果，下面将介绍一种基于vue指令而实现水印的方法（通用于vue2和vue3），利用MutationObserver监控水印DOM发生变化时，重新渲染水印

打响第一枪·2024-01-26 01:32

vue3基础

Vue3的生命周期钩子与Vue2相比有一些变化，主要是因为Vue3使用了CompositionAPI。

翱翔-蓝天·2024-01-26 00:00

Vue2使用脚手架创建项目

先解释一下关于脚手架的概念可以理解为像我们盖房子，需要打牢地基，也就是做一些前提准备工作，例如webpack的配置文件、node一些包的下载等等，形成项目的基本构架，这样就大大提高了项目的开发效率。试想一下，如果在你想要写一个项目的时候，需要你自己配置这些东西，心态先崩掉前提准备——脚手架安装可以使用编译器的终端或者cmd：npminstall@vue/cli(@version)-g建议安装cli

codefan※·2024-01-25 23:33

在vue3.0的JSX语法下使用插槽

由于在vue2中JSX的语法在渲染和代码简洁度上有优化，偶尔也会用JSX的形式封装组件；新的项目里开始用vue3发现，以前丢插槽的两种方式行不通了，得想想办法才行。

白菜new·2024-01-25 23:14

[vue2]插槽的jsx写法

应用场景：antdesign中的常用的slot写法{returnrange[0]+'-'+range[1]+'共'+nums+'条';},showQuickJumper:true,showSizeChanger:true,total}}borderedonChange={({current,pageSize})=>this.query(current,pageSize)}scroll={{y:50

豆子前端·2024-01-25 23:44

开始学习Vue2（axios和Vuex）

一、Axios1、Axios简介Axios是一个基于promise网络请求库，作用于node.js和浏览器中。它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.jshttp模块,而在客户端(浏览端)则使用XMLHttpRequests。2、Axios的基本语法3、使用axios1.axios必须先下载、npmiaxios2.引入（main.j

Mangcun_tutu·2024-01-25 22:56

【Vue3】计算属性computed和监听属性watch

目录一、Vue3和Vue2的区别二、计算属性computed三、监听属性watch四、计算属性和监听属性的区别一、Vue3和Vue2的区别Vue3和Vue2有以下几个主要区别：响应式系统的改进：Vue3

揣晓丹·2024-01-25 21:19

vue2、vue3，生命周期详解

一、Vue2.xVue2的生命周期是指Vue实例从创建到销毁的整个过程中，会经历一系列的阶段和回调函数。它分为8个阶段，包括了组件的创建、挂载、更新和销毁等过程。

梦之归途·2024-01-25 19:18

Vue简单了解

文章目录1、什么是Vue2、Vue快速入门3、Vue常用指令3.1、v-text&v-html3.2、v-if&v-show3.3、v-for3.4、v-on3.5、v-bind3.6、v-model4

小林学习编程·2024-01-25 18:29

强烈推荐 GitHub 上值得前端学习的开源实战项目

Vue.jsvue-element-admin是一个后台前端解决方案，它基于和element-ui实现基于iView的Vue2.0管理系统模板基于vue2+vuex构建一个具有45个页面的大型单页面应用基于

dizhao3079·2024-01-25 18:27

/deep/和＞＞＞以及 ::v-deep 三者的区别

>>>深度作用选择器的简写形式只作用于css，不支持css预加载器（less/scss）是/deep/的简写形式,适用于Vue2.x版本，Vue3.x版本使用会报错/deep/Vue2

兴趣使然的码仔·2024-01-25 17:43

样式穿透（＞＞＞和 /deep/以及 ::v-deep 三者之间的区别）

element-ui进行了封装，正常使用类名样式不会发生改变，要想修改成规定的样式，就需要使用深度选择器），直接使用>>>穿透进行样式修改只作用于css，不支持css预加载器（less/scss）适用于Vue2

Skr@Chen·2024-01-25 17:12

Vue - vant安装(引用babel-plugin-import实现自动按需引入组件)

/iotjin/jh-vue-demobabel-plugin-import是一款babel插件，它会在编译过程中将import的写法自动转换为按需引入的方式以Vant为例：1、安装首先安装vant#Vue2

西半球_·2024-01-25 17:19

vue2项目实现自定义右键菜单, 可添加图标、事件等

通常浏览器都会有自己的右键菜单，如下图的谷歌浏览器网页上的右键菜单：下面介绍一下如何在vue的项目中实现自定义菜单，如下图所示：1.安装依赖包npminstallvue-contextmenujs2.在main.js中引用importContextmenufrom'vue-contextmenujs';Vue.use(Contextmenu);3.在需要实现自定义右键的元素上加上@contextm

volodyan·2024-01-25 15:30

Vue2 和Vue3 有什么区别

一.根节点不同：vue2中必须要有根标签vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。

小吴吴吴呀·2024-01-25 14:09

vue3常用知识点梳理

注意点1,尽量不要与Vue2.x配置混用2,setup不能是一个async函数，因为返回值不再是return的对象,而是promis

庙堂龙吟奈我何·2024-01-25 13:46

Vue2-2021

目录5、pages文件夹5.2总结5.3路由跳转方式6、footer组件显示与隐藏7、路由传参7.1、query、params7.2、传参方法7.3报错8、定义全局组件9、代码改变时实现页面自动刷新10、二次封装axios：使用请求和响应拦截器11、前端通过代理解决跨域问题12、请求接口统一封装13、nprogress进度条插件14、asyncawait使用15、手动引入vuex16、loadsh

Vampire__K·2024-01-25 13:07

【Vue2 + ElementUI】更改el-select的自带的下拉图标为倒三角，并设置相关文字颜色和大小

效果图实现import{getDictionary}from"@/api/xxx";exportdefault{data(){return{channelList:[{dictValue:"全部资源",dictKey:""}],query:{keyword:"",//搜索关键词channel:"",//选择的资源}}},mounted(){this.fetchData()},methods:{/*

吃小猫的大鱼·2024-01-25 12:51

SpringBoot+vue2.0开发在线考试系统网页

目录一、需求分析二、技术需求三、功能分析四、数据库设计五、界面展示六、资源获取一、需求分析在线考试系统是一种基于互联网的电子化考试平台，它提供了一系列功能来支持教育机构、企业或组织进行在线考试和评估。以下是在线考试系统的一些常见功能：用户管理：在线考试系统可以管理考生和教师的用户信息，包括注册、登录、个人信息管理等功能。考试管理：系统提供创建、编辑和管理考试的功能，包括考试时间、地点、考试科目、考

枫蜜柚子茶·2024-01-25 11:42

02-项目引入threejs

three学习一、创建项目1、如果已经建好项目了，可以略过创建这一步2、初始化项目①新建一个vue2项目②打开项目的命令窗口，可直接在项目目录的路径栏输入cmd,然后回车③使用npm安装three,在命令窗口中输入

白白李媛媛·2024-01-25 09:14

uniapp vue3版本引用 jsencrypt加密库报错：“default“ is not exported by……

个人产生这个异常的原因：将历史项目（vue2）的jsencrypt文件复制到新项目（vue3）里直接引用报错。

RisunJan·2024-01-25 06:40

Vue2&Vue3--一起学习吧之vue浅谈

这篇文章的灵感，来源于笔者夫人在工作中遇到的问题。笔者的夫人是个计算机科班出身的产品经理，但理论永远和实践差了那么一截。有了笔者这个老程序猿的场外答疑、保驾护航，小产品汪才得以狗命保住，产品上线之前也从没被祭天过（也就只敢在这里大放厥词了）。前一阵夫人的公司选型了一款软件产品，但部署试用之际才发现没做浏览器兼容测试。对方的项目经理是个一问三不知的小萌新，一直强调他们用的框架比较新，所以不兼容一些比

wd90119·2024-01-25 06:45

菜鸡后端的前端学习记录

忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】开发工具使用记录：VsCode代码提示挺不友好，配置起来还不一定生效

无名一小卒·2024-01-25 06:09

Vue2 - 延迟加载（requestAnimationFrame实现）+ 效果展示

目录1，背景2，实现2.1，延迟加载的核心代码2.2，模拟的复杂组件2.3.父组件3，效果1，背景当一个页面需要加载较多个组件时，并且组件自身又比较复杂。如果一次性加载，可能等待时间较长，体验不好。一种解决办法：分批次的来渲染子组件。2，实现通过requestAnimationFrame(callback)实现，同时能够控制按照指定顺序来渲染。简单理解为：浏览器会按照一定的频率来重绘页面，大概60

下雪天的夏风·2024-01-25 04:46

Vue2 - vue-virtual-scroller 长列表优化原理

目录1，效果展示2，原理2.1，滚动条的处理2.2，展示内容处理3，实现vue-virtual-scroller1，效果展示1w条数据无压力，看下初始渲染时间Rendering对比：2，原理目标：只加载在可视容器中的列表项。实现：2.1，滚动条的处理为了保证滚动条正确显示和滑动，需要按照原本的数据量来计算滑动内容区域wrapper的真实高度，wrapper外层的container作为滑动容器，设置

下雪天的夏风·2024-01-25 04:15

Vue2 - keep-alive 作用和原理

目录1，介绍和作用2，原理3，使用场景3.1，效果展示3.2，实现思路1，介绍和作用1，是一个内部组件，用于缓存组件实例。在组件切换时，不用重新创建而是使用缓存中的组件实例。可以避免创建组件的开销。可以保留组件状态。2，有3个属性：include和exclude属性，可以控制哪些组件进入缓存。max属性可以设置最大缓存数，当缓存的实例超过该数时，vue会移除最久没有使用的组件缓存。3，受keep-

下雪天的夏风·2024-01-25 04:45

使用VueCli创建vue2项目

适看人群：后端开发、编程初学者等首先有个问题：Vue和Vue-Cli是什么关系？有什么区别？做个类比：VueCLI=Vue+一堆的js插件。SpringCloud=SpringBoot+一堆第三方组件。使用方式：VueCLI是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。Vue是渐近式框架，你可以用它一

许七安687·2024-01-25 03:17

vue创建项目的命令

一、确保已将安装node、vue-cli二、新建文件夹，通过文件加目录输入‘cmd’1、vuecreate项目名称选择vue2.x/vue3.x/自定义2、选自需要的配置项，回车选择3、先择创建的vue

Fating-Win·2024-01-25 03:47

什么是VUE 创建第一个VUE实例

一、什么是Vue概念：Vue(读音/vjuː/，类似于view)是一套构建用户界面的渐进式框架Vue2官网：Vue.js1.什么是构建用户界面基于数据渲染出用户可以看到的界面2.什么是渐进式所谓渐进式就是循序渐进

斐波娜娜·2024-01-25 02:39

vue2使用mapbox

1.安装mapbox这里安装的是"mapbox-gl":"^3.0.1",npminstall--savemapbox-gl安装mapbox2.安装worker-loadernpminstallworker-loader--save-dev安装worker-loader配置vue.config.jsconst{defineConfig}=require('@vue/cli-service')mod

volodyan·2024-01-25 02:12

推荐频道

vue2表单验证