是否可以在 Vee Validate 中更改 aria 属性的位置？答案

【问题标题】：Is it possible to change position of aria attributes in Vee Validate?是否可以在 Vee Validate 中更改 aria 属性的位置？
【发布时间】：2018-12-13 05:36:07
【问题描述】：

据我所知，aria-required 和 aria-invalid 属性位于您嵌入 v-validate 属性的输入标记上。例如。

<input class="a" type="text" v-validate="'required'">

将表现为：

<input class="a" type="text" aria-required="true" aria-invalid>

在 DOM 中。

如果我的输入周围有一个 div，是否可以在 div 中显示 aria 属性？所以它看起来像：

<div class="b" aria-required="'true'" aria-invalid>
  <input class="a" type="text">
</div>

【问题讨论】：

标签： javascript vue.js vee-validate

【解决方案1】：

参考：developer.mozilla.org

aria-required 属性用于指示在提交表单之前需要用户对元素进行输入。此属性可用于任何典型的 HTML 表单元素。而且<div>标签不是表单元素，所以不能和aria属性一起使用。

【讨论】：

这很奇怪，我相信它可以与 aria 属性一起使用，因为我现在正在看一个。我的任务是将当前网站转换为使用 vue.js 作为前端，其中一些 CSS 依赖于
标记中 aria-attributes 的值。