如何使用VUE JS添加动态分配的ARIA标签的文本

Question

我是vue.js和可访问性的新手，

我试图使屏幕读取器宣布一个元素为（“ this是” + person.name）。

我能够用：aria-label =“ person.name”宣布该人。

如何在动态分配的：aria-label周围添加文本？

Answer 1

您是否尝试使用：aria-label =“'this是' + person.name”

new Vue({
  el: "#demo",
  data() {
    return {
      person: { name: "Logan" }
    }
  },
  mounted() {
    console.log(this.$refs.btn)
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
<button ref="btn" :aria-label="'This is ' + person.name">name</button>
</div>