vuejs2 - 你如何强制 Vue 使用 v-bind 显示虚假属性?

标签 vuejs2 vue-component

<button class="navbar__dropdown-toggle" :aria-expanded="active"></button>

我正在尝试绑定(bind) aria-expanded到下拉菜单的状态。不幸的是,当使用屏幕阅读器(视障人士)时,听写并不表示它是一个非扩展的下拉菜单,因为虚假属性已被删除。

有没有办法强制保留虚假属性?

最佳答案

看起来像来自 W3C specaria-expanded 的值可以是真或假。所以在你的模板中你可以做到这一点。

<button class="navbar__dropdown-toggle" :aria-expanded="active ? 'true' : 'false'">expanded</button>

工作 example .

关于vuejs2 - 你如何强制 Vue 使用 v-bind 显示虚假属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45204191/

相关文章:

vue.js - vue 将字符串渲染为已存在的组件

javascript - Vue标签下元素高度

vue.js - 如何在 Vue.js 2.5+ 中使用 Vue-IMask 和 Vuetify

vue.js - 在 Vue 2 的客户端搜索结果中无法正确读取 aria-live 区域的变化

typescript - @Watch装饰器未激活

vue.js - Vue 模块组件检测 Vue.js 版本?

javascript - 无法通过动态导入访问对象属性。 Vue.js + ts

javascript - 通过 ajax 调用在 Vue.js 中填充下拉列表

vuejs2 - 验证日期输入字段

vue.js - 如何更改/覆盖 vuetify 中开关标签的默认颜色?