Vue.js 数据绑定不工作出了什么问题？

Question

我正在尝试显示所选项目，如果所选项目未定义或为空，那么我需要显示此文本。但是，它不起作用并显示为空。

  <span>
                    {{
                      productChecked
                        ? productChecked.name
                        : 'Check the product'
                    }}
                  </span>

出了什么问题，如何解决？

Answer 1

在使用 productChecked 之前在日期中定义它

data: () => ({
            productChecked:{
             name:null
             }
        }),