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


相关推荐

  • 距离和相似度

    距离和相似度

    2021年11月22日
    50
  • java帝国时代_我的第一个java程序

    java帝国时代_我的第一个java程序1C语言帝国的统治现在是公元1995年,C语言帝国已经统治了我们20多年,实在是太久了。1972年,随着C语言的诞生和Unix的问世,帝国迅速建立统治,从北美到欧洲,从欧洲到亚洲,无数程序员臣服在他的脚下。帝国给我们提供了极好的福利:贴近硬件,运行极快,效率极高。使用这些福利,程序员们用C开发了很多系统级软件,操作系统,编译器,数据库,网络

    2026年3月2日
    5
  • python 爱心代码_python浪漫代码

    python 爱心代码_python浪漫代码动态心型importturtleimporttimedefLittleHeart():foriinrange(200):turtle.right(1)turtle.forward(2)love=’Ilove草莓’turtle.setup(width=900,height=500)turtle.color(‘red’,’red’)turtle.pensize(3)turtle.speed(50)turtle.

    2022年10月13日
    6
  • 嵌入式工程师岗位要求_fae和研发哪个工资高

    嵌入式工程师岗位要求_fae和研发哪个工资高FAE,嵌入式行业苦涩的职位FAE,也叫现场技术支持工程师大学招聘季的时候,憨娃娃一个,一心想找个嵌入式的职位,幻想着成为IronMan,左焊电路,右敲代码,打造属于自己的一身铁皮,成为村里走出去最科技的那个仔。现在想来,着实可笑了些。佩剑尚未佩好,出门就掉巨坑。“你要去的部门是我们公司最核心的部门,我们公司的主营业务都在那边。”HR的自豪我现在竟然还记得。“看起来我还是蛮优秀的嘛。”…

    2025年7月15日
    6
  • SqlSessionTemplate是如何保证MyBatis中SqlSession的线程安全的?「建议收藏」

    SqlSessionTemplate是如何保证MyBatis中SqlSession的线程安全的?「建议收藏」一、DefaultSqlSession的线程不安全性在MyBatis架构中SqlSession是提供给外层调用的顶层接口,实现类有:DefaultSqlSession、SqlSessionManager以及mybatis-spring提供的实现SqlSessionTemplate。默认的实现类为DefaultSqlSession如。类图结构如下所示:对于MyBatis提供的原生实现类来…

    2022年5月31日
    38
  • setContentView的时候,到底发生了什么

    setContentView的时候,到底发生了什么关于setContentView方法,想必大家对这个方法既熟悉又陌生,熟悉的原因是因为基本上我们每创建一个activity,都会调用这个方法,比如:“`@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}“`而且这种写法已经是创建activity的模版了

    2022年6月26日
    25

发表回复

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

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