vue.js - Vue.js 数据绑定不工作出了什么问题?
问题描述
我正在尝试显示所选项目,如果所选项目未定义或为空,那么我需要显示此文本。但是,它不起作用并显示为空。
<span>
{{
productChecked
? productChecked.name
: 'Check the product'
}}
</span>
出了什么问题,如何解决?
解决方案
在使用 productChecked 之前在 date 中定义它
data: () => ({
productChecked:{
name:null
}
}),
推荐阅读
- java - 通过替换隐藏的“#”数字符号生成所有可能的字符串组合
- php - jsonb字段内的postgres更新键
- html - 修复表格标题并使表格主体在 React 中滚动
- python - 在使用 django 的 posgresql 中遇到错误,当我修复错误并重新迁移时没有任何反应
- html - 我如何将我的物品左对齐并缩小它们
- javascript - 使用图像的 SRC 将子级传递给父级时出现问题。反应 JS
- flutter - 如何将数据从有状态小部件传递到状态以确保小部件数据可用?
- cron - 在 CentOS 8 和 php remi 包中使用 crontab 运行作业
- c# - 根据百分比设置按钮的背景颜色
- python - Python3多次使用相同的输入运行相同的函数,但每次产生不同的输出