当前位置: 代码网 > it编程>编程语言>

Javascript

vue3使用ref 获取不到子组件属性问题的解决办法

2024-07-04 13:11 | 分类:编程语言 | 评论:0 次 | 浏览: 71

需求:父子组件使用<script setup>语法糖,父组件通过给子组件定义ref访问子组件内部属性或事件。关键点:子组件中,s...

React使用TypeScript的最佳实践和技巧

2024-07-03 13:14 | 分类:编程语言 | 评论:0 次 | 浏览: 82

引言在react项目中使用typescript可以显著提高代码的可维护性和可读性,并提供强大的类型检查功能,减少运行时错误。以下是一些优雅地...

在React页面重新加载时保留数据的实现方法总结

2024-07-03 13:14 | 分类:编程语言 | 评论:0 次 | 浏览: 80

引言在react页面重新加载时保留数据,可以通过多种方法来实现。常见的方法包括使用浏览器的本地存储(local storage 或 sess...

react-router中Link标签和a标签有什么区别

2024-07-03 13:14 | 分类:编程语言 | 评论:0 次 | 浏览: 78

1.功能:link:在单页应用程序(spa)中提供导航,而不会导致页面重新加载。当用户点击链接时,react会阻止浏览器默认的页面刷新行为,...

vue父组件如何获取子组件的值

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 82

子组件被点击时触发@node-click="handlenodeclick" <el-tree ...

vue父列表数据获取子列表数据的实现步骤

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 74

概述本文档将介绍如何通过点击父列表(表格)中的数据行来获取到子列表(表格)的数据。代码示例是基于vue框架实现的一个组件,包含了父列表和子列...

js正则校验特殊的不可见字符的具体实现

js正则校验特殊的不可见字符的具体实现

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 82

背景表单的输入框,用户可能从excel或者其他地方直接复制粘贴,这时候提交到后端会导致获取的用户输入中包含一些特殊的不可见字符,比如tab键...

Vue输入框实时验证IP地址合法性并在下方进行提示功能实现

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 93

实现方式使用正则表达式对输入的ip地址进行合法性验证。数据与方法checkipaddress:判断ip地址是否合法的方法。效果图片示例代码&...

vue 父组件获取子组件里面的data数据(实现步骤)

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 80

vue 父组件怎么获取子组件里面的data数据在vue中,父组件可以通过`ref`引用子组件,并通过`$refs`属性来访问子组件的数据。以...

vue3 中v-model语法糖示例详解

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 80

一、 vue2 中 v-model 语法糖实现父子组件双向数据绑定,一个输入框或者组件指定绑定一个 v-model1. 父组件写法<t...

Vue3使用v-html实现文本关键词变色处理

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 77

首先看应用场景这有一段文本内容,是项目的简介,想要实现将文本中的关键词进行变色处理有如下关键词实现思路遍历文本内容,找到关键词,并使用某种方...

vue3使用Electron打包成exe的方法与打包报错解决

vue3使用Electron打包成exe的方法与打包报错解决

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 86

一、安装1.安装electronnpm install electron --save-devnpm install electron-bu...

javascript DOM设置样式详细说明和示例代码

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 79

前言在javascript中操作dom样式是实现动态页面效果和交互的关键。你可以直接修改元素的内联样式,也可以通过改变类名来应用css类样式...

前端GET/POST请求下载文件多种方式代码示例

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 78

下载postexport const download = (data, projectid) => { return reques...

ElementPlus组件与图标按需自动引入的实现方法

ElementPlus组件与图标按需自动引入的实现方法

2024-07-03 13:10 | 分类:编程语言 | 评论:0 次 | 浏览: 82

按需自动引入组件1. 安装elementplus和自动导入elementplus组件的插件pnpm install element-plus...

前端实现浏览器自定义滚动条写法实例

前端实现浏览器自定义滚动条写法实例

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 84

前言:最近有个项目,产品觉得浏览器默认滚动条太丑了。想美化一下,比如自定义颜色,加上圆角,宽高都要更改一下。我查了资料和文档总结了一下 写法...

前端虚拟滚动列表实现代码(vue虚拟列表)

前端虚拟滚动列表实现代码(vue虚拟列表)

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 86

前言方法一利用浏览器原生api去实现,可以实现不等高的列表虚拟滚动,intersectionobserver 多用于图片懒加载,虚拟滚动列表...

Vue点击在弹窗外部实现一键关闭的示例代码

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 80

在vue应用中,弹窗(modal)是一个常见的交互元素,用于显示额外的信息或供用户进行某些操作。然而,有时我们可能希望用户点击弹窗外部时,弹...

vue3+vite+移动端webview打包后页面加载空白问题解决办法

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 81

在vue3编写时,遇到这样的一个问题:移动端混合开发中,本地浏览器正常运行,但是vite打包后,手机版本相对低的时候,会出现h5页面空白情况...

vue3中使用ref获取dom的操作代码

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 87

前言本期文章我将给大家带来的是vue3中用ref获取dom的操作,ref在我们开发项目当中很重要的,在 vue 中使用 ref 可以提高代码...

React中使用dnd-kit实现拖曳排序功能

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 84

由于前阵子需要在开发 picals 的时候,需要实现一些拖动排序的功能。虽然有原生的浏览器 dragger api,不过纯靠自己手写很难实现...

Electron去掉窗口边框并添加关闭按钮的实现步骤

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 85

electron去掉窗口边框并添加关闭按钮在 electron 中,如果你想去掉默认的窗口边框(frame)并添加额外的按键,你可以通过以下...

Vue前端数值转换为千分位格式并保留两位小数代码示例

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 78

1.前端使用elg-pro-table 数据表格:<elg-pro-table class="custom-card...

vue elementui简易侧拉栏的使用小结

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 83

如图所示,增加了侧拉栏,目的是可以选择多条数据展示数据组件: celadon.vue<template> <div cl...

前端实现图片或视频预览的三种方法总结

前端实现图片或视频预览的三种方法总结

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 82

一、上传到oss或者服务器缺点:1.大文件上传时间过长2.如果用户只是预览则会浪费服务端存储二、使用filereader对象转换file对象...

vue3中使用keepAlive缓存路由组件不生效的问题解决

vue3中使用keepAlive缓存路由组件不生效的问题解决

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 81

问题出现原因在router.js中注册路由:{ path: '/template-allocation', name: 'tem...

前端使用JS内置Blob实现下载各种形式的文件实例

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 93

axios调用后端下载接口(在请求体中加上responsetype: "blob")export const filed...

微信小程序上拉加载和下拉刷新功能实现

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 84

微信小程序上拉加载和下拉刷新一.上拉加载微信小程序的上拉加载使用onreachbottom(),写在.js文件里面的page方法里面。onr...

如何使用&nbsp;Vue&nbsp;Router&nbsp;的&nbsp;meta&nbsp;属性实现多种功能

如何使用 Vue Router 的 meta 属性实现多种功能

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 87

在 vue.js 中,vue router 提供了强大的路由管理功能。通过 meta 属性,我们可以在路由定义中添加自定义元数据,以实现访问...

vue3 实现关于 el-table 表格组件的封装及调用方法

vue3 实现关于 el-table 表格组件的封装及调用方法

2024-07-03 13:09 | 分类:编程语言 | 评论:0 次 | 浏览: 83

一、示例图:二、组件<template> <div class="sn-table" :class="props.col...

Copyright © 2017-2026  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com