Question

我正在将https://vuematerial.io/components/select用于管理仪表板并使用html验证。除md-select以外，HTML验证均有效。对于md-select，即使我们添加了required属性并填充数据，它仍然要求填充数据。

<md-field>
   <label>User type</label>
   <md-select v-model="userType" name="userType" id="userType" required>
      <md-option v-if="$loggedInUserType == 'admin'" value="admin">admin</md-option>
      <md-option  v-if="$loggedInUserType == 'admin'" value="company">company</md-option>
      <md-option  v-if="$loggedInUserType == 'company'" value="staff">staff</md-option>
   </md-select>
</md-field>

Answer 1

看起来Vue Material正在向组件后面的readonly="readonly"元素添加<select>属性。当存在readonly属性时，required属性将被忽略。 see here

我的解决方案是在与相同opacity: 0绑定并设置为md-select的{{1}}后面创建v-model输入

Vue材质组件md-选择所需的服装不起作用

1 个答案: