Vue.js JQuery没有'；不要在室内工作'；这'；div

我有

的问题

如果有两个输入在

内，则显示

禁用

不起作用。如果他们不在里面，一切都正常。如何修复此代码以使JQuery正常工作

<form method='POST' id='form_delete_account'>
<main v-cloak class='styl-1'>
  <p data-toggle='modal' class='styl-2' @click='toggleModal()'>{$lang['s_009']}</p>
  <nowyboardal id='showpopup' v-if='modal.isOpen' :has-mask='modal.hasMask' :can-click-mask='modal.canClickMask' :has-x='modal.hasX' @toggle='toggleModal'>
    <nowyarticle v-cloak>
      <nowysection>$user_style_account_delete</nowysection>
      <nowysection>
        <h3 class='d_tr'>{$lang['s_057']}</h3>
          <fieldset class='material d_ct'>
            <div style='text-align:left'>
              <input required type='new-password' name='password' id='i_delete_account'>
              <label>{$lang['s_051']}</label>
              <hr>
            </div>
          </fieldset>
          <div class='d-e-b-c'>
            <input class='delete-account-button' type='submit' id='b_delete_account' value='{$lang['s_059']}' disabled='true'/>
          </div>
        </form>
      </nowysection>
    </nowyarticle>
  </nowyboardal>
</main>

---

您已经将其标记为jQuery，但HTML包含许多Vue.js结构。如果您使用的是Vue，则不应通过jQuery进行状态更改，因为框架不会知道您已经进行了更改，并且会覆盖您的更改。在Vue组件方法中处理此数据操作。看起来您正在使用jQuery和Vue。为什么不只使用Vue？@DanielBeck使用Vue，这个

JS

看起来会怎么样？StackOverflow不是免费的编码服务。请查看Vue.js文档——它非常简短，而且很容易理解——如果遇到任何困难，请在尝试自己解决问题后返回。我们可以帮你更多@AdamNickens您可以使用

v-on:keyup

设置事件处理程序，使用

v-model

将密码值输入组件状态，并使用另一个组件状态变量（

：disabled=“yourVariableName”

）管理

disabled

属性，而不是直接在DOM上设置它。如果您已经在为其他任务使用Vue，那么编写此代码应该非常简单。

$('#i_delete_account').keyup(function(){
  var i_delete_account = $('#i_delete_account').val();
  if (i_delete_account.length > 5) {
    $('#b_delete_account').prop('disabled', false);
  } else {
    $('#b_delete_account').prop('disabled', true);
  }
});