1.js的位置必须是dom节点之后，否则就会说找不到节点。 <html>
<head>
</head>
<body>
<h1 id="myHeader">click here</h1>
</body>
<script type="text/javascript">
init();
转载
2024-05-10 20:30:58
133阅读
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=d
转载
2023-06-16 15:38:05
793阅读
前言这次写博客的原因就是自己在学习过程中，想通过点击按钮，然后给后台传递更新表的参数，当时我查阅很多网上的文章，遇到了很多问题，基本上他们给出的方案都是很简单的解答，但是我的是根据后端返回的数据，动态的生成前端列表，所以那种简单的设置ID的方法不适用，我也费很大力气才解决的，所以，把完整的前后端代码都分享给大家，希望能够给大家带来帮助。效果图 以上是最后的基本界面图，我的目标就是可以通过点击更新状
转载
2024-01-30 19:54:39
73阅读
传参1. 使用Props2.使用事件：3.使用Vuex（状态管理）：4. 使用Provide/Inject5. 使用$route对象： 在Vue中，你可以使用多种方式来传递参数，以便在组件之间进行数据交流和共享。以下是一些常用的Vue中传参的方式： 1. 使用PropsProps是一种允许父组件向子组件传递数据的机制。在父组件中通过属性的方式将数据传递给子组件，并在子组件中通过props选
转载
2024-06-18 04:29:35
131阅读
在 JS 中模拟事件指的是模拟 JS 中定义的一些事件，例如点击事件，键盘事件等。自定义事件指的是创建一个自定义的，JS 中之前没有的事件。接下来分别说一下创建这两种事件的方法。创建自定义事件创建自定义事件可以使用 Event 和 CustomEvent 两种方法，接下来分别做一下介绍。1. 利用 EventMDN EventEvent 用法event = new Event(typeArg, e
转载
2023-11-30 22:04:27
88阅读
在最近项目需求中发现，完成一些功能的时候总是要调很多结构类似的方法，写起来很繁琐，所以就想写一个“万能”方法，是的代码更简洁。即：把一个方法作为参数传给这个“万能”方法，让它去执行你给定的方法，就类似于ajax中success/error方法传参，总是传入一个方法体。####1.将方法作为参数 代码： var a = function(){
转载
2023-06-06 00:12:19
164阅读
1. 获取鼠标点击对象 var obj=document.elementFromPoint(event.clientX,event.clientY);2. 获取对象文本 var a=obj.innerText3、定位点击的区域，可以进行实时移除等操作（如取消关注等） function fnSelectItem(e){
var obj=document.ele
转载
2023-06-06 19:11:50
835阅读
Vue.js之组件传值属性传值可以从父组件到子组件，也可以从子组件到父组件。这里讲一下从父组件到子组件的传值 还以上次的demo为例，demo里有APP.vue是父组件，Header.vue，Users.vue和Footer.vue为子组件，Users.vue中的数据有个数组，现在把数组放到父组件App.vue中App.vue文件： 1 <template>
2 <di
转载
2023-12-15 10:06:26
29阅读
Vue中获取当前元素事件的event对象用法（二）——target-当前点击元素 & currentTarget-绑定事件元素 & 获取兄弟元素、子元素、父元素vue中点击事件或者是其他的事件可以通过在事件中添加$event进行对标签元素的dom获取或者修改标签指的属性等等。具体用法如下：可以通过$event进行对dom元素的获取1、获取元素示例<template>
转载
2024-02-15 09:23:52
297阅读
vue.js之获取当前点击对象(其实是套着vue的原生javascript吧，笑?) 转载请注明出处： 熟悉jquery的小伙伴应该都知道jquery获取当前点击对象是有多么的粗暴，直接$(dom)获取当前点击的dom元素，根据这个，几乎可以获取这个dom元素的所有属性。不过，当我们使用vue的时候呢？也许刚开始会有一点迷茫。唉？对啊，我用vue该怎么做到(屠龙宝刀)点击就送…哦不，点击就能获取
转载
2023-10-26 10:51:35
44阅读
问题的提出：在一个用户列表中，当点击用户时候，弹出这个用户的详细信息，怎么做？当然了，如果你想弹出一个新页面，那就算求了，就不用看这个，这个时候如果弹出一个新页面，就是说会向服务器回发一次，速度就降低了撒，使用最好是直接弹出一个层，然后在这个层里面现实这个人的详细信息。而这个层你不会让人家固定在一个地方撒？对不对？好，那你就要去获取你点击的地方的X,Y坐标了，但是这样不行啊，你得指定一个地方啊，如
转载
2023-07-23 10:10:06
126阅读
//转成普通字符串var temp = encodeURI(JSON.stringify(json.obj[i]));//转成json对象 var jsonObj=JSON.parse(decodeURI(json)); //正常拼接即可onclick="details(\'' + temp+'\');"
原创
2021-07-19 23:46:04
685阅读
在现代前端开发中，JavaScript事件对象和jQuery的结合使用非常普遍，特别是在处理用户交互时，如点击事件。我想和大家分享如何通过jQuery获取点击对象的相关知识，以及这个过程背后的技术原理和优化方法。
当我们谈论“js event 对象 jquery 获取点击对象”时，通常是指在触发某个元素的点击事件时，需要获取到用户点击的具体元素。这在实际应用中非常常见，也为我们提供了很多操作的可
## 实现 "jquery js 点击获取html传参" 的步骤
为了实现 "jquery js 点击获取html传参"，我们可以按照以下步骤进行操作：
步骤 | 操作 | 代码
----- | ---- | ----
1 | 在HTML文件中引入jQuery库 | ` Element
Element --> jQuery
```
你可以将以上代码复制到markdown编辑器中查看
原创
2023-11-23 08:12:12
43阅读
我们在写组件时，不可避免的需要用到传参。我在这里说明一下我们一般用到最多的3种传参。1、父传子在父组件中的子组件标签上绑定一个自定义属性，这个自定义属性的值就是我们要传递的数据。<heads :list="list" />
// 比如这是我们注册好的子组件标签
<script>
export default {
data(){
return {
list
转载
2023-09-23 18:53:45
1068阅读
刚好看见以前自己还没用vue的传参和接受参数的博客，想起现在自己用vue用的最多，那就记录一下vue的传参和接受参数的方式；vue跳转路由用this.$router.push()方法，这个方法可以接受对象或者字符串两种参数： 我先说当是Object的时候,常用的有{path: ‘’,query:{},name:'',params:{}} path
转载
2023-06-06 00:26:27
141阅读
# 如何解决"vue ios js 点击 不生效"的问题
## 问题描述
在开发过程中，有时候会遇到vue ios js点击事件无效的情况，这可能是由于移动端的一些特殊问题导致的。接下来我将为你介绍如何解决这个问题。
## 解决步骤
首先，我们需要明确解决这个问题的整体流程，我将使用表格展示步骤。然后，我会逐步指导你需要做什么，包括具体的代码和注释。
### 流程图
```mermaid
g
原创
2024-04-25 06:47:43
36阅读
父传子：通过setup语法糖的形式传值新建子组件list，通过defineProps传值 List.vue<script setup>
defineProps({
msg:{
type:String,
default:"11111"
}
})
</script>
<template>
这是子组件==>{{
闷在后端时间长了。在网上找了一套前端代码 发现数据都是在js里 定义的。仔细一看数据定义非常规数组 或者json解决方法后端传前端json 后端对json做解析生成前端数组[ {title:'hh',name:'jackbon8'}, {title:'hh',name:'jackbon8'}, {title:'hh',name:'jackbon8'}, {title:'hh'...
原创
2022-01-05 11:58:23
551阅读
作者：__mxin 前言日常开发中，我们会用到很多第三方组件库，学习组件开发最好的方法就是看这些组件库的源码，并从中学到一些小技巧「element-ui」 大家基本都用过，总结一下组件库中 「Tree」 和 「Collapse」 用到的小技巧，下图为简易版实现演示效果Collapse先来看下使用到的 API：使用 「provide/inject」 将 「祖先组件实例」作为依赖，注入到子孙
