在vue.js;用true或false的textarea属性'readonly'切换是没用的;

Posted 2021-03-30

我想做的是：

1. dblclick textarea时可以编辑textarea;
2. 模糊时无法编辑textarea;

但是现在，无论我使用'readonly'属性的状态切换它都是无用的;

codesandbox here

答案

<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事件来更改文本字段的值。其他人没有改变。

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