Vue.js v-bind类宽度条件

我开始使用width Vue.js，我想知道如何使用条件width

v-bind

这是我的代码（错误）：

---

在这里，你可以找到一个你可以随意摆弄的游乐场，看看事情是如何运作的：

有关如何绑定类的更多信息，可以查看上的官方文档

作为参考，这里是你想要达到的路线

---

PS:

：class

是

v-bind:class

的缩写

在这里，你可以找到一个你可以随意摆弄的游乐场，看看事情是如何运作的：

有关如何绑定类的更多信息，可以查看上的官方文档

作为参考，这里是你想要达到的路线

---

PS:

：class

是

v-bind:class

的缩写

正确的绑定方式是

<input
  type="text"
  class="form-control"
  v-bind:class="{'is-valid': (step_1.project_url.error !== '' && step_1.project_url.error === true), 'is-invalid': (step_1.project_url.error !== '' && step_1.project_url.error === false)}"
  v-model="step_1.project_url.field"
  placeholder="Project url"
>

---

这将符合您的要求

正确的装订方式是

<input
  type="text"
  class="form-control"
  v-bind:class="{'is-valid': (step_1.project_url.error !== '' && step_1.project_url.error === true), 'is-invalid': (step_1.project_url.error !== '' && step_1.project_url.error === false)}"
  v-model="step_1.project_url.field"
  placeholder="Project url"
>

---

这将符合您的要求

您的代码有语法错误。请阅读生成的错误消息。您能用正确的语法帮助我吗：）我想您想要

：class=“{”无效“：step\u 1.project\u url.error，'is valid'：！step\u 1.project\u url.error}”

或者

：class=“step\u 1.project\u url.error？”无效“：“is valid”

。查看您的代码是否有语法错误。请阅读生成的错误消息。您能用正确的语法帮助我吗：）我想您想要

：class=“{”无效“：step\u 1.project\u url.error，'is valid'：！step\u 1.project\u url.error}”

或者

：class=“step\u 1.project\u url.error？”无效“：“is valid”

。请看，但这里我得到的默认值是有效的：（，我不想要那是'step_1.project_url.error'的初始值是什么？什么都不是'，这就是原因…所以你的意思是它不是一个布尔值，而是一个字符串？是的，它是一个字符串，我能做什么请注意，但这里我得到的默认值是有效的：（，我不想要那是什么‘step_1.project_url.error’的初始值？什么都不是’啊这就是原因…所以你的意思是它不是布尔值而是字符串？是的，它是字符串，我能做什么