vue2表单验证

Pinia学习笔记

基本使用defineStore定义一个StorestoreToRefs解构store改变状态替换state订阅状态Pinia优势Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐Vue2
fmk1023·2024-02-08 20:32

今天教大家使用vue2封装一个全局可用的message提示组件

像element-ui，ViewDesgin这种组件库我们肯定使用过，当我们用message组件的时候可以直接this.$Message.loadong/success/error，...那么这个是怎么实现的呢，今天教大家实现一个message组件挂载到vue全局1、创建一个Message组件，在components目录下新建一个MessageComponent.vue;随便写点什么上去先2、在i
阿湘zs·2024-02-08 19:14

vue封装一个简单的modal对话框

1、在conpmonents新建一个Modal.vue2、在main.js注册成全局组件//全局可用的组件importModalfrom'.
阿湘zs·2024-02-08 19:14

vue2用自定义指令实现图片懒加载

除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。自定义指令必须以v-xxx开头钩子函数会接收到指令所绑定元素作为其参数。以下实现使用自定义指令实现图片懒加载效果：javascript中有个api可以获取元素是否在可视区使用newIntersectionObserver（）话不多说看代码：ex
阿湘zs·2024-02-08 19:43

Vue + Element UI中表格组件（el-table）里的输入组件（el-input）中按下回车，使光标向右移动

效果Vue2+ElementUIexportdefault{name:'TableData',data(){return{columns:[{label:'日期',prop:'date'},{label
也许明天 '·2024-02-08 18:37

vue3笔记十四(vue3自定义全局函数及变量、css新特性)

1、globalPropertiesvue3中没有Prototype属性，使用app.config.globalProperties去替代//vue2中Vue.prototype.
·某某··2024-02-08 18:55

vue3全局常量定义及使用

vue2定义全局变量可以参考以下文章Vue项目常量的使用vue3中需要适量修改一下一、创建常量文件在src下创建constant文件夹，用于存放全局常量相关配置，创建好后在其内创建module文件夹，用于存放常量文件
我是小菜鸟*·2024-02-08 18:54

vue3 - 21.定义全局函数&变量

globalProperties定义全局函数和变量：vue2的写法：vue.prototype.
啦啦朵朵·2024-02-08 18:24

vue2使用高德地图点击或搜索获取经纬度

data(){return{searchLocation:'',ruleForm:{},map:null,marker:null}},mounted(){this.initMap()this.setLocal()},methods:{//初始化地图initMap(){this.map=newAMap.Map('container',{zoom:9,//级别center:[116.397428,39
前端路上迷茫的小鲨鱼·2024-02-08 18:48

Vue2项目中使用高德地图自定义（Marker）标记点和创建（MassMarks）海量标记点

前言本篇文章就是单独分享一下在Vue2项目中如何自定义创建marker标记点和针对要创建庞大数量标记点时所采用的API，能够快速创建数量庞大的marker，不至于在浏览器渲染时产生卡顿的现象。
进击中的前端开发者·2024-02-08 18:18

创建一个VUE项目（vue2和vue3）

背景：电脑已经安装完vue2和vue3环境一台Mac同时安装vue2和vue3https://blog.csdn.net/c103363/article/details/136059783创建vue2项目
c103363·2024-02-08 17:39

Vue----导航守卫

文章目录3.5导航守卫3.5.1全局前置守卫3.5.2守卫方法的3个形参3.5.3next函数的3种调用方式3.5.4控制后台主页的访问权限src/router/index.js3.5导航守卫Vue2与
萤火虫的小尾巴·2024-02-08 17:05

vite+vant+vue3新闻客户端app（三）

一、文章搜索1.1创建组件并配置路由1、创建src/views/search/index.vue2、然后把搜索页面的路由配置到根组件路由（一级路由）{path:'/search',name:'search
与月儿漫邀·2024-02-08 13:53

vue3项目keepAlive使用方法详解

常用的用法是将组件或者路由缓存，现有的用法vue2.x与vue3.x有部分差别。以下主要将keepaliev在vue3.0中的用法。
Trank-Lw·2024-02-08 13:47

vue2/3项目中使用Vue Carousel 3D实现 Carousel 3D 轮播

项目需求大概是这个样子，这种并不能通过围成一周再旋转父级实现，因此图方便选择了组件轮播vue2，可以直接使用Playground-VueCarousel3D-3DCarouselforVue.js进行改造成自己需要的样子
毒蚊子D·2024-02-08 12:19

VUE3基础

一、认识vue3及vue3的优势1、框架层面响应式底层API的变化，proxy数组下标的修改，对象动态添加属性；vue3对ts的支持比vue2更强；vue3增加了组合式API，增强了逻辑组合能力配套的工程化工具也有了更新
煸橙干儿~~·2024-02-08 10:11

vue项目：集成富文本编辑器 - 百度ueditor（vue-ueditor-wrap）

一、背景集成百度ueditor，实现图文编辑二、项目介绍vue2-nuxt2项目vue项目：ueditor（vue-ueditor-wrap）三、集成步骤3.1、下载富文本编辑器GitHub-fex-team
snowball_li·2024-02-08 06:38

Vue-Vue3 集成编辑器功能

editor-for-vue两个插件npminstall@wangeditor/editor--savevue3运行如下命令安装npminstall@wangeditor/editor-for-vue@next--savevue2
青柠t·2024-02-08 06:02

vue3：24—组件通信方式

和vue2有点不同】5、$attrs6、$refs和$parent7、provide和inject8、pinia（即vue2中的vuex）9、插槽默认插槽具名插槽作用域插槽（ui组件库用得多）10、总结
有蝉·2024-02-08 01:23

vue2.3-列表循环、表单元素绑定

一、列表循环、表单元素绑定1、v.for-根据数据生成列表结构例1:循环访问数据v-for{{index+1}}测试测试：{{it}}varapp=newVue({el:"#app",data:{//定义数据arr:['重庆','上海','广州','长沙'],},})运行结果：例2-响应式添加移除数据v-for{{item.name}}varapp=newVue({el:"#app",data:{
小小蚂蚁仔.·2024-02-08 00:24

vue全局自适应大小: postcss-pxtorem,vue2vue3通用适配

1.安装postcss-pxtorem插件npminstallpostcss-pxtorem-D如果运行项目后报错PostCSSpluginpostcss-pxtoremrequiresPostCSS8.需要降低postcss-pxtorem的版本卸载默认安装的版本npmuninstallpostcss-pxtorem安装指定版本[email protected]番外:不推荐pos
佛係老李·2024-02-08 00:37

vue中使用postcss-pxtorem实现适配

postcss-pxtorem配置及使用可能遇到问题前言很少在pc端使用rem，不过做c端产品的，还是得在每个尺寸下都和设计稿完全一样，在自己手写媒体查询和插件之间选了后者，一劳永逸，今天就说下配置及使用；下面是在vue2.6
gegephp·2024-02-08 00:36

Vite的优化配置

的优化配置目录base别名打包压缩代码生产环境下清空console.log打包出的文件整理创建一个Vite构建的Vue-TS项目npmcreatevite@latestmy-vue-app----templatevue2
你大爷的,这都没注册了·2024-02-07 23:11

vue树形多列_基于element-ui el-table 开发虚拟列表(树形列表)

前言基于之前支持表单验证的el-table开发完成后，在数据量过大的时候，会出现渲染慢，表格卡顿等致命问题，而element-ui的el-table本身没有像antd一样提供虚拟列表的demo和相关支持
weixin_39957186·2024-02-07 19:16

vue3 使用defineAsyncComponent与component标签实现动态渲染组件

之前用的vue2的动态挂载组件，也
小何开发·2024-02-07 18:31

Error: Catch all routes (“*“) must now be defined using a param with a custom regexp.

Catchallroutes("*")mustnowbedefinedusingaparamwithacustomregexp.我用的是vue3.2的版本，查阅了资料才发现vue3对404配置进行了修改,必须要使用正则匹配,vue2404
富朝阳·2024-02-07 18:29

黑马大事件项目

前端部分接口文档知识缺点：css的flex布局jquerybackground-size:cover掌握知识Layui的使用（添加样式，实现表单验证）如何水平垂直居中position:absolute;
Sherry 沈·2024-02-07 16:55

3. 状态管理 vuex 状态管理库

目录3.1vuex介绍3.2使用方式Vue1：基础跟使用方式Vue2：路由方面3.1vuex介绍vuex是一个专为Vue.js应用程序开发的状态管理库vuex可以在多个组件之间共享数据，并且共享的数据是响应式的
it优质男·2024-02-07 15:19

071：vue中过滤器filters的使用方法（图文示例）

提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated
还是大剑师兰特·2024-02-07 13:56

新建vue2 typescript类型项目

环境准备nodejs版本：v16.20.1npm版本：8.19.41.初始化npminit-y2.安装vue-clinpminstall-D@vue/cli3.查看安装vue-cli的版本4.创建vue2
liangbo7·2024-02-07 13:14

Vue.js 源码分析——模板编译和组件化

渲染函数render(h){returnh('div',[h('h1',{on:{click:this.handler}},'title'),h('p','somecontent')])}模板编译的作用Vue2
丽__·2024-02-07 12:41

vue样式穿透的写法

文章目录Vue2中的样式穿透如何使用Vue3中的样式穿透如何使用参考：https://blog.csdn.net/weixin_46022934/article/details/123993834Vue2
_洋·2024-02-07 11:13

【Web - 框架 - Vue】随笔 - 通过`CDN`的方式使用`VUE 2.0`和`Element UI`

通过CDN的方式使用VUE2.0和ElementUIVUE网址https://cdn.bootcdn.net/ajax/libs/vue/2.7.16/vue.js源码https://download.csdn.net
SUNxRUN·2024-02-07 11:41

vue项目开发vscode配置

配置代码片段步骤如下：文件->首选项->配置用户代码片段新增全局代码片段起全局代码片段文件名“xxx.code-snippets”这里以配置vue2初始代码片段为例，配置具体代码片段{"name":"vue-sph
RuiW_97·2024-02-07 10:37

Vscode快速开发Vue代码块配置+自动头部注释

1.首先是Vue组件的代码块配置这里使用的是Vue2.xctrl+shift+p->输入snippet->首选项：配置用户代码片段->输入vue->选择vue.json(vue)、按照以下代码块进行配置后
Nomal_1bit·2024-02-07 08:13

自定义npm包从vue2升级到vue3遇到的问题解决

1.执行npmrunbuild时报错：(node:16724)UnhandledPromiseRejectionWarning:SyntaxError:Unexpectedtoken‘??=’atLoader.moduleStrategy(internal/modules/esm/translators.js:149:18解决：更新node版本查看了我使用的node版本是14.21.3，更新到最新
小玲子小玲子·2024-02-07 06:58

一台Mac同时安装vue2和vue3

背景：电脑需要运行vue2和vue3项目，就得同时有vue2和vue3环境，之前以配置好vue2了，现在增加vue31.新建一个安装vue3的目录进入vue3文件夹安装vue3//注意这里没有参数-g，
c103363·2024-02-07 06:57

vue2中给对象添加属性的几种方法

1、使用Vue.set()方法：Vue.set(obj,'newProperty',value);这种方法会确保新属性能够被Vue的响应式系统检测到。使用this.$set()方法（适用于Vue实例中）：this.$set(obj,'newProperty',value);2、这种方法也会确保新属性能够被Vue的响应式系统检测到。直接使用赋值语句：obj.newProperty=value;3、这
m0_51014049·2024-02-07 01:47

vue2之v-html进行转义文本内容问题

今日遇见一个问题，使用代码实现文本内容正常显示，不用使用v-html进行转义文本内容显示不想使用v-html并且希望将内容转义回去，以正常显示使用JavaScript的内置函数DOMParser()进行HTML解析和处理。以下是一个示例实现：//考生最后一条消息lastMessageExaminee(){return(phone)=>{letmessageMap=newMap(JSON.parse
m0_51014049·2024-02-07 01:47

vue2中给数组的每一个对象添加一个属性并赋值

vue2中我想给数组的每一个对象添加一个属性并赋值在Vue2中，使用Array.map()方法来给数组的每一个对象添加一个属性并赋值，然后将新的数组赋值给原来的数组，让Vue监听到数组的变化。
m0_51014049·2024-02-07 01:17

Vue2.5学习路线及基础知识总结。

在接触新技术不了解时，我喜欢去慕课网上看新手教程，在学习vue时，在慕课网上看了几个老师的视频，发现这挺好，讲到挺详细的，适合新手，有兴趣的可以先看一下，vue2.5入门教程。
dingqing4356·2024-02-07 01:46

全栈笔记_插件篇（用Volar替换Vuter）

vue3模板可以使用多个根标签，vue2
weiweivita·2024-02-07 01:48

Vue2基础

前端技术了解（了解）ES6常见语法（掌握）Vue入门（掌握）Vue表达式（掌握）Vue指令（掌握）计算属性与侦听器（了解）一、前端技术了解（了解）前端发展历史1.静态页面1990htmlcss2.异步刷新-操作dom1995javascprint3.动态页面Asp/jsp（java）,php等，后台臃肿4.Ajax成为主流-jQueryajax-jQuery5.Html5单页面春天了6.NodeJ
Zyangxsir·2024-02-07 00:01

vue2编写一个自定义指令，一键绑定事件委托

importvuefrom"vue";constNAME="entrust";constINIT=(el,node)=>{if(elinstanceofHTMLElement){const{method,key,data}=node.value;el.onclick=(e)=>{constdom=e.target;if(dom.tagName){constindex=dom.dataset[key
外围前端吴彦祖·2024-02-07 00:53

debian安装vue3 nodejs20

下载node-v20.10.0-linux-x64解压缩ln-s/work/node-v20.10.0-linux-x64nodejsnode-vnpm-vvue-cli是vue2的脚手架@vue/cli
tboqi1·2024-02-07 00:13

js表单验证

《js表单验证》----14/20/24JavaScript可用来在数据被送往服务器前对HTML表单中的这些输入数据https://www.jianshu.com/p/37127930a6d6
Alina红豆·2024-02-06 23:26

Vue - 快速入门（一）

阅读文章可以收获：1.明白什么是vue2.如何创建一个vue实例3.vue中的插值表达式如何使用4.如何安装vue的开发者工具Vue概念什么是vue？
smilehjl·2024-02-06 22:31

写好的项目把vue版本从2.5升级到2.6

2.Vue2.6版本引入了一个新的特性，即在组件中可以使用v-slot替代slot。如果在您的项目中使用了slot，则需要将其替换为v-slot。
猴猴不是猴·2024-02-06 20:15

Vue3 全局 API 的修改

/App.vue";createApp(App).mount("#app");vue2中的全局对象是Vue（），可以对它进行一系列的配置，比如说修改Vue.prototype、Vue.use()等等
Lia代码猪崽·2024-02-06 19:24

React 实现表单组件

支持包括输入状态管理，表单验证，错误信息展示，表单提交，动态表单元素等功能。数据状态表单元素的输入状态管理，可以基于reactstate实现。
卡卡舅舅·2024-02-06 16:37
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他