在vue.js;切换true或false的textarea属性“只读”是没有用的；

Question

我想做的是：

1. 在双击文本区域时可以编辑文本区域；
2. 模糊时无法编辑文本区域；

但是现在，无论我使用“ readonly”属性的状态进行切换，它都没有用；

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事件之间的冲突。好吧，很抱歉我无法解释这一点。但是我的解决方案是向按钮添加click事件，以更改文本字段的值。其他则保持不变。

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