vue3来喽~

关于vue3使用Element ui输入框无法输入的简单解决方法

这应该是解决elementui输入框无法输入最简单有效的方法了script部分加入下面的代码import{reactive}from"vue";constform=reactive({name:""});element组件v-model填上对应的变量名autocomplete自动补全输入框这种类型的输入框,需要再添加一个input事件
橙子君Crush·2024-01-25 23:19

vue3+element plus input输入框限制输入数字和小数点

不能以小数点开头，且只能有一个小数点setup(){constinput=Vue.ref(undefined)constinputNum=(value)=>{if(value==undefined)return;returnvalue.replace(/[^\d.]/g,"").replace(/\.{2,}/g,".").replace(".","$#$").replace(/\./g,"").
小小小晓蓉·2024-01-25 23:48

vue3 element plus 查询输入框 实现输入就可以查询

需求：实现在输入框中输入内容就触发查询思路：可以使用@input事件或v-model来监听输入框的变化，当输入框内容变化时，会触发handleQuery方法，并在变化时触发查询操作，你可以在这个方法中执行实际的查询逻辑源码如下：import{ref}from'vue';constsearchText=ref('');consthandleQuery=()=>{//在这里执行查询操作，使用searc
Miraitowa_chole·2024-01-25 23:17

在 vue3 中优雅的使用 jsx 声明、使用具名插槽、作用域插槽

最近手撸vue3，出于好奇打算玩一手JSX，在声明和使用插槽时遇到了一些挫折。
Only Double J·2024-01-25 23:46

Vue3 jsx 语法中使用 v-slots 插槽 和 component动态组件

掘金地址：https://juejin.cn/post/7291463601704255545jsx语法中使用v-slots插槽和动态组件1.原template语法中使用slot插槽通过#title和#icon方式实现2.动态组件通过component方式实现NavigationOneItem1Option1Option2Option3Option4jsx语法插槽和动态组件的使用注：1.使用v-s
答案—answer·2024-01-25 23:46

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

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

【vue3】 使用JSX实现普通、具名和作用域插槽

最近在vue3构建的项目中使用到了JSX（不得不说JSX用起来的感觉就是清爽）。但是前段时间遇到了一个问题，vuetemplate中的slot插槽如何在JSX中实现呢？
搬砖的猿@·2024-01-25 23:13

vue3&JSX 插槽使用指南

这篇文章是关于近期【监测用物联网提升智能传感器和系统软件开发】项目中，我在其中摸鱼凑数日子里积攒下来的系列文章二：vue3&JSX插槽使用指南，记录在jsx和一般情况下声明插槽、使用插槽、插槽传值的笔记
慢半帧·2024-01-25 23:43

vue3 + jsx 插槽带参数的使用以及参数中带有render函数的使用

//子组件import{defineComponent,onBeforeMount,reactive,ref,renderSlot}from"vue";importtype{SetupContext}from"vue";exportconstlist=defineComponent({props:{list:{type:Array,default:()=>[]},},setup(props,{sl
什么都不会的全栈工程师·2024-01-25 23:43

vue3.2之边学边练（二）vue下axios封装

这一篇严格意义上说和vue没什么太大关系。网页前端少不了请求数据，这也是为什么上一篇就加入了axios的需求添加。原理就是通过axios发送相应的post，get网络请求请求数据，然后返回展现到页面上。一、项目结构在src目录下新建utils和api两个文件夹，utils用于存放的公共封装类库函数，api则是请求的方法（utils英文是工具类的意思）。utils文件夹下新建request.js文件
雁过无声1986·2024-01-25 22:28

vue3.2之边学边练（三）vue下post数据发送至java后端

被封控了接近两月，终于又见着我的老伙伴（破电脑）了。之前测试了axios封装的get请求，没有什么大问题，昨天想试着加点东西，发现传过去的数据都是空对象，整整折腾了一天。最后发现是由于前端传给后端的数据是json字符串{item:value,item2:value2,item3:value}像是这个样子。到后端以后@PostMapping("/api/menu/add")publicStringa
雁过无声1986·2024-01-25 22:28

vue3【计算属性与监听-详】

一、计算属性--简写形式需求：通过计算属性，计算一个人的全名。基本信息姓：名：全名：{{fullName}}import{ref,reactive,computed}from'vue'exportdefault{name:'Demo',components:{},setup(){//数据letpersonInfo=reactive({firstName:'张',lastName:'三'})//计算
suoh's Blog·2024-01-25 21:20

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

目录一、Vue3和Vue2的区别二、计算属性computed三、监听属性watch四、计算属性和监听属性的区别一、Vue3和Vue2的区别Vue3和Vue2有以下几个主要区别：响应式系统的改进：Vue3
揣晓丹·2024-01-25 21:19

vue3的几种书写格式

1:import{defineComponent}from'vue'exportdefaultdefineComponent({setup(){return{}}})2：import{reactive,toRefs}from'vue'exportdefault{setup(){return{}}}3：
@小朱呀路·2024-01-25 20:32

vue2、vue3，生命周期详解

一、Vue2.xVue2的生命周期是指Vue实例从创建到销毁的整个过程中，会经历一系列的阶段和回调函数。它分为8个阶段，包括了组件的创建、挂载、更新和销毁等过程。1、beforeCreate:在实例初始化之后，但在数据观测和事件配置之前被调用。此时，data和methods等选项尚未初始化，并且无法访问this。2、created:实例已经完成数据观测和事件配置，但挂载阶段还未开始。在这个阶段，可
梦之归途·2024-01-25 19:18

为什么在 script 中 ref 需要打点 value

为什么在script中ref需要打点value.png前言：随着Vue3越来越稳定了，各位小伙伴都应该都开始在新项目中使用它了，但是当你使用Vue3越来越熟练，不知道你对Vue3的新APIref是否有所疑问
CondorHero·2024-01-25 18:09

Vue3 watch与watchEffect区别

✨专栏介绍在当今Web开发领域中，构建交互性强、可复用且易于维护的用户界面是至关重要的。而Vue.js作为一款现代化且流行的JavaScript框架，正是为了满足这些需求而诞生。它采用了MVVM架构模式，并通过数据驱动和组件化的方式，使我们能够更轻松地构建出优雅而高效的Web应用程序。在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-25 18:50

vue3 vite使用postcss-px-to-viewport 实现页面自适应

一、什么是postcss-px-to-viewport？postcss-px-to-viewport是一个PostCSS插件，它可以将px单位转换为视口单位（vw、vh或vmin）。视口单位是相对于视口尺寸来计算的长度单位，而不是相对于父元素或根元素。这意味着使用视口单位进行布局和样式设置时，元素会随着屏幕尺寸的变化而自适应。二、为什么要使用postcss-px-to-viewport？在移动端开
前端小趴菜05·2024-01-25 18:03

修改element-ui某个深层元素

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0
weixin_46852620·2024-01-25 17:15

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

>>>深度作用选择器的简写形式只作用于css，不支持css预加载器（less/scss）是/deep/的简写形式,适用于Vue2.x版本，Vue3.x版本使用会报错/deep/Vue2
兴趣使然的码仔·2024-01-25 17:43

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

进行了封装，正常使用类名样式不会发生改变，要想修改成规定的样式，就需要使用深度选择器），直接使用>>>穿透进行样式修改只作用于css，不支持css预加载器（less/scss）适用于Vue2.x版本，Vue3
Skr@Chen·2024-01-25 17:12

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

jh-vue-demobabel-plugin-import是一款babel插件，它会在编译过程中将import的写法自动转换为按需引入的方式以Vant为例：1、安装首先安装vant#Vue2项目，安装Vant2：npmivant-S#Vue3
西半球_·2024-01-25 17:19

vue3之echarts3D环柱图

vue3之echarts3D环柱图效果：核心代码：import*asechartsfrom'echarts';import'echarts-gl';import{reactive,onMounted,ref
V。on·2024-01-25 16:40

vue 基本知识

vue是一个渐进式的javascript框架双向绑定通过对数据的劫持结合发布订阅模式的方法来实现双向绑定;即是数据发生变化,视图跟着发生变化;数据与视图是同步进行vue3之前是依靠的Object.defineProperty
Lee_Year_Month·2024-01-25 16:44

vue3使用特殊字符@、~代替路径src

在vite.config.js中引入import{resolve}from'path'exportdefaultdefineConfig({resolve:{alias:{'~':resolve(__dirname,'src')}}})
samate6666·2024-01-25 15:25

Vue3中el-table表格数据不显示

可能的原因和解决方法如下：检查数据格式是否正确：确认数据是否传入了正确的格式，如数据是否为数组，每条数据是否包含必要的属性等。检查column属性是否正确：确认column属性中的属性名是否与数据中的属性名一致，包括大小写是否匹配等。检查prop属性是否正确：确认prop属性中的属性名是否与数据中的属性名一致，包括大小写是否匹配等。检查el-table组件的高度是否设置：确认el-table组件是
又是取名的一天·2024-01-25 15:24

vue3使用特殊字符@、~代替路径src

import{resolve}from'path'exportdefaultdefineConfig({resolve:{alias:{'~':resolve(__dirname,'src')}}})vue3
又是取名的一天·2024-01-25 15:52

VSCode之PowerShell中创建项目踩坑

PowerShell执行策略默认为：Restricted2.解决方法1.VSCode创建项目踩坑1.问题描述使用vue-v命令查看Vue-cli的版本时出现下面的错误PSI:\vscodeproject\vue3
小袁搬码·2024-01-25 15:41

Vue2 和Vue3 有什么区别

一.根节点不同：vue2中必须要有根标签vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。
小吴吴吴呀·2024-01-25 14:09

Vue3 Teleport 将组件传送到外层DOM位置

✨专栏介绍在当今Web开发领域中，构建交互性强、可复用且易于维护的用户界面是至关重要的。而Vue.js作为一款现代化且流行的JavaScript框架，正是为了满足这些需求而诞生。它采用了MVVM架构模式，并通过数据驱动和组件化的方式，使我们能够更轻松地构建出优雅而高效的Web应用程序。在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-25 13:39

vue3常用知识点梳理

1，setupvue3中一个新的配置项，值为函数。组件中所用到的数据，方法，生命周期，监视属性，计算属性等都要配置在setup中。
庙堂龙吟奈我何·2024-01-25 13:46

【vue3-pbstar-admin】一款基于vue3和nodejs的简洁后台管理系统

Vue3-pbstar-admin是一个简洁的后台解决方案，提供了基础的用户体系和页面接口权限配置，方便用户进行自定义开发，避免不必要的代码冗余。
初辰ge·2024-01-25 12:06

如何用 Vue3 打造一个通用的右键菜单组件，让你的网页更加灵活和有趣

本文将教你如何使用Vue3和CompositionAPI来封装一个通用的右键菜单组件，让你的网页更加灵活和有趣！
子辰Web草庐·2024-01-25 11:19

uniapp+vue3+ts --微信小程序tab导航可以上下滚动选中选项组件代码

uniapp+vue3+ts--微信小程序tab导航可以上下滚动选中选项组件代码废话不多说，直接上代码。
小小黑007·2024-01-25 10:06

Vue3 封装Tree树形组件，且只支持单选

App.vueimportHelloWorldfrom'./components/HelloWorld.vue'importTreefrom'./components/Tree.vue'importPanelfrom'./components/Panel.vue'import{provide,ref}from'vue'functionisExceedThirtydays(value){consol
weixin_48112768·2024-01-25 09:19

uniapp+vue3+ts--编写微信小程序对接e签宝签署时跳转刷脸效果（人脸识别）中间页代码

uniapp+vue3+ts–编写微信小程序对接e签宝签署时跳转刷脸效果（人脸识别）中间页代码e签宝内嵌H5方式集成签署页的文档说明：https://open.esign.cn/doc/opendoc/
小小黑007·2024-01-25 08:20

使用Sass在Vue 3 + Vite项目中实现样式编写与全局抽取

简介：在Vue3+Vite项目中，使用Sass预处理器可以极大地提升样式编写的效率和可维护性。本篇博客将介绍如何在Vue3+Vite项目中使用Sass语法编写样式，以及如何将Sass样式抽取到全局中。
A丶尘土·2024-01-25 08:28

vue3源码（一）搭建开发环境

Monorepo:是管理项目代码的一个方式，指在一个项目仓库(repo)中管理多个模块/包(package)vue3源码采用Monorepo管理项目vue3项目架构搭建Monorepo环境1.全局安装pnpmnpminstallpnpm-g
小程很努力·2024-01-25 08:43

vue3源码（二）reactive&effect

一.reactive与effect功能reactive方法会将对象变成proxy对象，effect中使用reactive对象时会进行依赖收集，稍后属性变化时会重新执行effect函数。import{reactive,effect,}from"/node_modules/@vue/reactivity/dist/reactivity.esm-browser.js";//reactive创建一个响应式
小程很努力·2024-01-25 08:10

前端Vue3+TS实现视频放大缩小，放大后实现视频的拖动+拖动边框限制

技术栈：Vue3.2+TS1.放大缩小采用的形式是什么？
道长道长IOT·2024-01-25 07:57

vue3 sign

npminstallvue3-signaturemain.jsimportVue3Signaturefrom"vue3-signature"createApp(App).use(Vue3Signature
zhaojjjjjj163·2024-01-25 07:16

vue3 中的 mvvm 设计与实现和 mvvm 的优缺点

mvvm设计与实现1.Model（模型）：在Vue3中，模型通常是一个响应式的数据对象。你可以使用ref或reactive来创建响应式的数据。
zhaojjjjjj163·2024-01-25 07:46

vue3 自动引入 ref reactive...

npmiunplugin-auto-import-Dvite.config.jsimport{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';importAutoImportfrom'unplugin-auto-import/vite';exportdefaultdefineConfig({plugins:[vue(),AutoI
zhaojjjjjj163·2024-01-25 07:34

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

Vue3快速入门

文章目录1.Vue3简介1.1.【性能的提升】1.2.源码的升级】1.3.【拥抱TypeScript】1.4.【新的特性】2.创建Vue3工程2.1.【基于vue-cli创建】2.2.
gengduc·2024-01-25 06:38

vue3之 websoket发送消息

1.封装websoketvarws=null;//建立的连接varlockReconnect=false;//是否真正建立连接vartimeout=6*1000*5;//30秒一次心跳vartimeoutObj=null;//心跳心跳倒计时varserverTimeoutObj=null;//心跳倒计时vartimeoutnum=null;//断开重连倒计时varglobal_callback=n
jiojio在学习勒·2024-01-25 05:19

了解 Vite 插件

简单示例本文中的示例是基于Vite+Vue3.x+TypeScript来实现。
不二博客·2024-01-25 05:49

从0开始手写实现Vue3初始化流程

话不多说，我们直奔主题，从0开始手写实现Vue3初始化流程！
深度剖析JavaScript·2024-01-25 05:11
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他