VueJS有条件地为元素添加属性

<input :required="condition">

您不需要，<input :required="test ? true : false">因为如果test是真实的，您将已经获得该required属性，而如果test是虚假的，您将不会获得该属性。该true : false部分是多余的，就像这样...

if (condition) {
    return true;
} else {
    return false;
}
// or this...
return condition ? true : false;
// can *always* be replaced by...
return (condition); // parentheses generally not needed

那么，进行此绑定的最简单方法是 <input :required="condition">

只有当测试（或条件）可以被错误地解释时，您才需要做其他事情；在那种情况下，Syed的使用就!!可以解决问题。
  <input :required="!!condition">

最简单的形式：

<input :required="test">   // if true
<input :required="!test">  // if false
<input :required="!!test"> // test ? true : false

在html中使用

<input :required="condition" />

并在数据属性中定义

data () {
   return {
      condition: false
   }
}

尝试：

<input :required="test ? true : false">