html - 在 vue.js 中；用 textarea 的“readonly”属性在 true 或 false 中切换是没有用的；

Question

我想做的是：

1. dblclick textarea时可以编辑textarea；
2. 模糊时无法编辑文本区域；

但是现在，无论我用“只读”属性的状态切换什么都没有用；

代码框在这里

标签： htmlvue.js

Answer 1

<input
    v-model="textVal"
    :rows="rows"
    :readonly="status"
    :autoHeight="autoHeight"
    class="textMsg"
    @input="inputing"
    @blur="blur"
  ></input>
  <button @click="dblclick">Test</button>

你好，看了你的例子，代码没有问题，出现意外效果的原因是ondbclick事件和onblur事件冲突。好吧，对不起，我无法解释这一点。但我的解决方案是给按钮添加一个点击事件来改变文本字段的值。其他不变。

检查信息是事件的优先级。所以你可以看看这个。