我有一个使用 Vuetify 的数据表，它从 Rails 后端传递 localAuthority 属性。一切都运行得很好，直到我传递一个空的子关联（嵌套属性）。在本例中为“县”：

            
            
            
            
            
            
            
            
            
            
            
            

            

                

                    
                    

                        P粉928591383
                        

                    
                
                

                    

                    

                        

                            回答
                        
                    
                
            
            

                

                    
全部回复(1)
                    我来回复
                
                


                                

                    
                    

                        

                            

                                P粉4594409912024-03-28 12:15:48
                                1楼
                            
                            
根据 Codepen 上的 <v-data-table> 代码，我发现您正在用自己的代码覆盖默认的表项插槽。
您的错误来自这部分代码：
...

...
看一下第一个字符串。 #item.county.name 是 v-slot:item.county.name 的缩写形式，来自 headers 数组中的字符串之一：
...
{ text: 'county', value: 'county.name' },
所以没有错误，即使您的item不包含任何county，这部分也会被vuetify库正确解析。
错误出现在上述代码的第三个字符串中。您正在尝试打印county的名称而不检查其是否存在。这就是为什么您收到 ...无法读取未定义的属性... 错误。
我想你可以这样解决你的问题：

当然，如果您需要在这种情况下隐藏县链接，您也可以将 v-if （或 v-show）添加到 a 标签中。
我还使用一些静态数据创建了一个小型Codepen。看看这个 Playground 中的 item.name.text 槽，也许它会帮助你理解类似的对象关联。
                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                P粉928591383
                                            
                                            

                                        
                                        
                                        回复