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

Question

我想做的是:

1. 双击文本区域可以编辑文本区域；
2. textarea模糊时不能编辑；

但是现在，无论我切换'只读'属性的状态，它都没有用；

codesandbox here

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事件冲突。好吧，很抱歉我无法解释这个。但我的解决方案是给按钮添加一个点击事件来改变文本域的值。其他不变。

查看信息是事件的重中之重。所以你可以看看这个。