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 为当前正在编辑的宿主。

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 学习笔记 python取余[通俗易懂]

    学习笔记 python取余[通俗易懂]python中的取余运算其实就是取模运算,所谓取模运算,就是计算两个数相除之后的余数,符号是%。如a%b就是计算a除以b的余数。用数学语言来描述,就是如果存在整数n,其中0<=|m|<|b|使得a=n*b+m,那么a%b=a‐n*b=m其中n=a/b,然后对n进行向下取整,最后得到n取模运算的两个操作数都必须是整数,可以是负整数,但是b不可以是0,因为被除数不能为0假设变量:a=10,b=20;那么b%a输出结果0…

  • JS中三种字符串连接方式及其性能比较

    JS中三种字符串连接方式及其性能比较

  • python3——unboundlocalerror报错原因

    python3——unboundlocalerror报错原因出现此错误,一般是因为,在调用的函数内,使用了外部变量造成的。这里先姑且不管你的目的是什么(可能是你想对这个外部变量进行一些赋值操作;也可能是你只是想创建一个本地变量,但是你不小心弄成和外部变量重名了)报错原因0.首先必须假设你没有在调用函数内部开头使用globalExternal_variable#外部变量或者nonlocalExternal_variable#外部变量(因为…

  • 基于MATLAB GUI的串口通信

    基于MATLAB GUI的串口通信之前学过单片机对于串口通信比较了解最近在学习MATLAB发现它还可以控制串口于是通过MATLAB的GUI创建了一个串口通信的小软件效果如下如果没有单片机或者其他硬件的话我们可以直接用软件模拟串口本人选择了ConfigureVirtualSerialPortDriver这个软件软件网上就有下一个使用几天就行了 选…

  • google earth engine(GEE)监督分类总结与代码分享

    google earth engine(GEE)监督分类总结与代码分享提供分类代码以及思路整理

  • 走近webpack(0)–正文之前的故事

    在前端工作的过程中,只要你接触过vue,angular,react,gulp就一定知道webpack或者听说过或者使用过webpack,但是或许你对webpack的使用方法并不是十分了解,只是会用写好

发表回复

您的电子邮箱地址不会被公开。

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