今天遇到一个好坑的问题，同一个组件，放在两个tab中，第一个组件可以正常获取并调用里面的方法，但是第二个组件却在获取对象调用子组件方法时失败了，一开始以为是因为第二个组件放在了一个不可见的tab中，可能是隐藏不可见导致调用方法失败，总是在这个路数上找解决方案，浪费了我好些时间，后来我就把对象打印出来 ...
转载
2021-10-27 14:57:00
1251阅读
2评论
arset="utf-8"/> <title>Hello world</title> <script src=&
原创
2022-10-25 01:47:08
283阅读
vue里的$refs属性Vue的极大程度的帮助减少了对dom的操作，其中获取元素的方式主要通过添加ref属性，但是当获取this.$refs属性时，稍有不注意就会输出undefined导致我们对dom节点的操作报错。this.$refs.xxx为undefined的几种情况记录：在created里钩子函数中调用原因：created()在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据
转载
2024-04-01 17:55:42
197阅读
可以在父组件的 mounted 钩子函数中获取子组件的 ref，然后调用子组件的方法来设置当前节点，代码如下：//父组件代码
<template>
<SideBar ref="sidebar" />
</template>
<script>
export default {
mounted() {
this.$nextTick(()
原创
2023-10-16 19:12:28
1174阅读
<div ref="test"></div> // 获取this.$ref.test
众所周知在vue2中，ref主要的作用还是便于快速的获取dom元素或组件，因为ref操作相比document.getElementbyId会减少dom操作的节点消耗。本文还是针对Vue3中ref使用进行说明，重点是模板ref的使用。1. ref用法1：基本类型封装，使数据响应式vue3中为了节约资源，并不是全部数据都会进行响应式监听。他允许用户进行动态监听。因此在vue3中主要用reactive和
转载
2024-08-08 18:50:35
71阅读
一、js获取子节点的方式1.通过获取dom方式直接获取子节点 其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById("test").getElementsByTagName("div");2.通过childNodes获取子节点 使用chi
转载
2023-10-12 10:47:06
428阅读
<script type="text/javascript" src="jquery-1.7.1.min.js"></script> <Script type="text/javascript"> $(document).ready(function(){var Snum=$('#bg').children().length;//获取子节点 &n
原创
2014-03-13 11:49:29
2175阅读
前言Tree组件在实际应用中非常广泛,例如省市县地域的展现.一般一些包含从属关系的数据都可以使用Tree组件来进行展示,下面通过一个实战的demo来深入学一下实现一个Tree组件所要了解的原理和实现细节.本文实现的功能包含以下三点.•实现一个基础版可以显示嵌套数据的Tree组件•点击Tree组件的某一级标签它的下一级数据支持异步加载•Tree组件的节点支持拖拽最终Demo的效果图如下. 基础版
parentNode.children(非标准); parentNode.children是一个只读属性，返回所有的子元素节点。 它只返回子元素节点，其余节点不返回(重点掌握) 虽然children是一个非标准，但是得到了各个浏览器的支持，因此我们可以放心使用 DOM提供的获取 (API)获取 <b
原创
2022-06-16 17:28:59
244阅读
获取子节点的方法有： children()示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html> <head> <meta charset="UTF-8
原创
2021-07-14 10:20:55
676阅读
1. 获取元素节点的子节点(**只有元素节点才有子节点): ①. childNodes 属性获取全部的子节点, 但该方法不实用. 因为如果要获取指定的节点 的指定子节
转载
2023-09-09 01:09:20
434阅读
VUE参考 ref获取组件 一、总结 一句话总结： ref属性可以给组件使用，获取的组件可以调用组件
转载
2020-04-23 12:04:00
1130阅读
2评论
Error in v-on handler: "TypeError: Cannot set property 'form1' of undefined" 这是找不到子组件的data 使用this.$nextTick 其实和定时器有点像，但是比定时器好用，他是能在DOM更新循环之后执行 this.$n ...
转载
2021-10-17 19:40:00
3334阅读
2评论
<template> <div> <div ref="hello"> hello world </div> <button @click="handleClick">我是按钮</button> </div> </template> <script> export default { name: 'H
转载
2020-03-03 17:13:00
663阅读
2评论
{{msg}} 获取表单里面的数据get 设置表单的数据set 我是一个box 获取第二个表单里面的数据
原创
2021-08-13 09:29:54
775阅读
