向q-input添加id属性

Question

说我有以下q输入：

<q-input
    v-model="form.email"
    inverted-light
    color="white"
    stack-label="Email:"
    type="email"
    @blur="$v.form.email.$touch"
    :error="$v.form.email.$error"/>

我希望能够做到这一点，以便如果电子邮件的域为mydomain.com，则表单操作将更改为另一个网站（无csrf保护），并且对该网站进行POST而不是主要的。

为此，我想我可以使用jQuery。例如。 $('#email').val().replace(/^.+@/, '') == 'mydomain.com'然后更改表单操作并提交。

唯一的问题是：我不知道如何在id上设置q-input属性。

有什么想法吗？

Answer 1

从Quasar早期1.4.2（今年11月）开始，您可以使用“ for”属性（请参见行为属性的结尾：{{3 }}。

例如，您可以添加for="myInputId"：

<q-input
    v-model="form.email"
    inverted-light
    color="white"
    stack-label="Email:"
    type="email"
    @blur="$v.form.email.$touch"
    :error="$v.form.email.$error"
    for="myInputId"
/>

值为“ myInputField”的id属性将最终出现在HTML的结果<input>元素上。