Vuetify:编辑 v-select 的无数据文本道具或无数据槽似乎没有任何效果



我在Nuxt项目中使用Vuetify。通过使用CCD_ 2中的时隙CCD_;没有可用的数据";消息如果我使用道具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的文档显示了相同的道具和插槽,我也尝试更新消息,但我仍然有";没有可用的数据";显示而不是我自己的信息。我做错什么了吗?

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

提前感谢您的帮助!

如果无数据文本将根据某些条件更改,则可以使用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>

我的错,可能是缓存或其他问题。我可以看到我的留言。这个问题可能仍然有助于那些想知道如何更新无数据消息或翻译它的人,因为我找了一段时间>lt;

最新更新