Vuetify：编辑 v-select 的无数据文本属性或无数据槽似乎没有任何效果

Question

我在 Nuxt 项目中使用 Vuetify。no-data通过使用a 中的插槽，v-data-table我能够修改“无可用数据”消息。如果我使用 prop ，它也可以工作no-data-text。

<v-data-table>
  <template slot="no-data">
    My no data message
  </template>
</v-data-table>

或者

<v-data-table no-data-text="My no data message"></v-data-table>

由于 v-select 的文档显示了相同的 prop 和 slot，我也尝试更新该消息，但仍然显示“无可用数据”而不是我自己的消息。难道我做错了什么？

我发现的唯一可能相关的其他主题是https://github.com/vuetifyjs/vuetify/issues/2081

预先感谢您的任何帮助！

Answer 1

如果无数据文本会根据某些条件发生变化，您可以使用 v-bind 语法

 <v-data-table :no-data-text="no_results_text">   
 </v-data-table>

<script>
export default {
  data:function(){
    return {
      no_results_text: "test message"
    }
  }, 
  methods: {
   updateText(){
     this.no_results_text="other message"
   }
  }
}
</script>

Answer 2

我的错，缓存或其他问题可能有问题。我可以看到我的消息。好吧，这个问题可能仍然对那些想知道如何更新无数据消息或翻译它的人有帮助，因为我已经找了一段时间了。><