yewanji 2022-11-27 22:24 采纳率: 34.2%
浏览 33
已结题

vue 如何监听dom属性

近期要用contenteditable属性做文本输入框，我要实时获取div内容，发现监听不到属性

<div class="edit-area full_size init_position" contenteditable="true" ref="editor">
watch:{ '$refs.editor.innerHTML':{ handler(newVal){ console.log('新的值',newVal) }, deep:true, immediate:true } }
  • 写回答

3条回答 默认 最新

  • ZionHH 2022-11-28 10:24
    关注

    绑定input事件可以获取

    <div class="edit-area full_size init_position" contenteditable="true" ref="editor" @input="onEdit"></div>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • Vue监听route属性
    2024-10-04 16:30
    DTcode7的博客 Vue Router是Vue.js的官方路由管理器，它提供了声明式的路由配置方式，并支持嵌套路由、嵌套视图、导航守卫等功能。通过Vue Router，我们可以轻松地实现SPA的路由管理。
  • Vue中的计算属性与监听器
    2024-09-27 02:07
    DTcode7的博客 在其众多特性中，计算属性(computed properties)和监听器...让我们从一个简单的例子开始，创建一个Vue实例，其中包含一个计算属性来展示用户的名字和姓氏的全名。的值发生变化时，监听器就会触发，并打印出变化的信息。
  • 资源专区-课程设计-编程作业-Vue开发-医院管理住院系统的研究与实现
    2024-06-05 10:57
    接下来，我们将深入探讨Vue.js编程语言在构建医院管理系统中的应用。 Vue.js的核心特性在于它的声明式渲染，它允许开发者通过声明式的模板语法来描述数据如何映射到DOM元素。在医院管理住院系统的开发中，Vue.js...
  • vue实战指南vue项目监听页面变化
    2024-10-09 17:33
    DTcode7的博客 在现代Web应用开发中，监听页面变化是一个常见的需求，无论是为了响应路由变化、数据模型更新还是用户行为，Vue框架都提供了强大的工具来实现这些功能。这是通过 Vue 对象的数据属性进行劫持实现的，即当数据属性被...
  • vue实战指南 vue项目监听页面变化
    2024-10-07 11:36
    DTcode7的博客 本文将详细介绍如何在Vue项目中实现页面变化监听，包括但不限于路由变化、数据变化、生命周期钩子等，旨在为开发者提供一个全面的技术指南。通过上述内容的学习，希望读者...对象的哪个属性发生变化，都会触发监听器。
  • VUE面试题目文档+编程+组件通信+生命周期
    2023-11-24 08:47
    在Vue中，组件之间的数据传递主要通过props（属性）进行，这是由父组件向子组件单向传递数据的方式。在这个题目中，`ProductList`组件接收一个`products` prop，它是一个商品对象数组。在组件的`props`选项中定义了`...
  • Vue实战指南 获取DOM、操作组件
    2024-09-21 03:44
    DTcode7的博客 使得前端绘图技术更加丰富和多样化 《Vue实战相关博客》 持续更新中~ 详细总结了常用UI库elementUI的使用技巧以及Vue的学习之旅 《python相关博客》 持续更新中~ Python，简洁易学的编程语言，强大到足以应对各种...
  • JS `MutationObserver`：监听 DOM 树变化，实现高性能 DOM 监控
    2025-07-20 17:30
    海派程序猿的博客 在前端开发中，我们经常需要监控 DOM 树的变化，比如某个元素被添加、删除、属性被修改等等。是一个 API，它允许你监听 DOM 树的变化，并在变化发生时异步地执行回调函数。别看它名字挺唬人，其实用起来一点都不难，...
  • vue 怎么销毁dom_2019年web前端Vue面试题总结
    2020-12-14 01:18
    weixin_39772352的博客 点击右上方红色按钮关注“web秀”，让你真正秀起来面试必备：2019Vue经典面试题总结(含答案)一、什么是MVVM？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义...
  • 【Vue3】源码解析-虚拟DOM
    2023-11-29 16:54
    软泡芙的博客 vue.js3.0源码解析系列文章则是会从源码层面给大家抽丝剥茧，让大家知道我们内部到底是如何实现的。我们希望通过该源码解析系列，能让大家对有一个更深刻的理解。
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 12月1日
  • 已采纳回答 12月1日
  • 创建了问题 11月27日