vue 中 input事件「建议收藏」

vue 中 input事件「建议收藏」vue中input事件input事件的使用<div:id=”inputId”:class=”[‘textarea_content_right’]”:contenteditable=”true”@input=”changeText($event)”v-text=”currentValue”></div>​data(){return…

大家好,又见面了,我是你们的朋友全栈君。

vue 中 input事件

input事件的使用

 

<div
:id="inputId"
:class="['textarea_content_right']"
:contenteditable="true"
@input="changeText($event)"
v-text= "currentValue"
></div>
​
data() {
  return {
    currentValue: "",
  }
},
watch: {
  currentValue(newVal) {
    console.log(newVal)
  }
},
methods: {
  changeText(event) {
    this.currentValue = event.target.innerText;
    console.log(newVal)
  },
}  

当input、select、textarea 元素的 value 被修改时,会触发 input 事件。同时,input 事件也适用于启用了 contenteditable 的元素,以及开启了 designMode 的任意元素。在contenteditable 和 designMode 的情况下,事件的 target 为当前正在编辑的宿主。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/131764.html原文链接:https://javaforall.net

(0)
上一篇 2022年6月11日 下午9:46
下一篇 2022年6月11日 下午10:00


相关推荐

  • 阿里云发布2025年客户成功案例,全面AI方案需求显著增长

    阿里云发布2025年客户成功案例,全面AI方案需求显著增长

    2026年3月14日
    2
  • nginx与uWSGI[通俗易懂]

    nginx与uWSGI[通俗易懂]今天同事问了我一个问题,nginx和uWSGI的区别是啥?我当时答出了反向代理和静态文件,后来聊到了负载均衡,所以好好查了下两者的区别。首先来了解几个概念:WSGIWSGI的全称是WebServerGatewayInterface(Web服务器网关接口),它不是服务器、python模块、框架、API或者任何软件,只是一种描述web服务器(如nginx,uWSGI等服务器)如何与…

    2025年10月28日
    6
  • JAVA 引用类型数组的初始化

    JAVA 引用类型数组的初始化本页面更新日期 2016 年 06 月 30 日引用类型数组的数组元素是引用 我们之前学习过的基本类型数组 它里面的数组元素存放的是具体的值 可以当作我们现实生活中的买房 基本类型数组呢 就像是你直接找到了房主 而引用类型数组就像是你没有直接找到房主 而是通过中介找到了房主 为了更好的说明引用类型数组的运行过程 下面先定义一个 Person 类 所有类

    2026年3月26日
    2
  • shell批量新建文件

    shell批量新建文件shell批量新建文件,文件名依次为a1,a2……a100#!/bin/bashPath=/home/yifan/maying/shell/case2[-d$Path]||mkdir$Pathint=1while(($int&lt;=100))dofilename="a"$int""touch$Path/$filenamelet"int++"do…

    2022年6月22日
    68
  • Laravel 使用多个数据库连接

    Laravel 使用多个数据库连接Laravel 使用多个数据库连接

    2022年4月24日
    42
  • python抢淘宝的东西-Python 实现毫秒级淘宝抢购脚本的示例代码

    python抢淘宝的东西-Python 实现毫秒级淘宝抢购脚本的示例代码本篇文章主要介绍了Python通过selenium实现毫秒级自动抢购的示例代码,通过扫码登录即可自动完成一系列操作,抢购时间精确至毫秒,可抢加购物车等待时间结算的,也可以抢聚划算的商品。博主不提供任何服务器端程序,也不提供任何收费抢购软件。该文章仅作为学习selenium框架的一个示例代码。该思路可运用到其他任何网站,京东,天猫,淘宝均可使用,且不属于外挂或者软件之类,只属于一个自动化点击工具,…

    2022年6月10日
    43

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号