＜input type=“checkbox“ :value=“city.cityId“＞{{city.cityName}}为啥无法显示

在给定的 HTML 代码中，<input type="checkbox" :value="city.cityId">{{city.cityName}}，你可能无法看到 city.cityName 的显示结果是因为缺少合适的标签来展示它。<input> 元素是一个自闭合标签，只用于接收用户输入数据，而不用于显示内容。

如果你希望展示 city.cityName，你可以使用其他合适的 HTML 标签来包裹它，并确保将其放在适当的位置。例如，你可以使用 <label> 标签来关联复选框和城市名称：

<input type="checkbox" :value="city.cityId" id="cityCheckbox"> <label for="cityCheckbox">{{city.cityName}}</label>

这样，<label> 标签将与 <input> 元素相关联，点击标签也会选中复选框。同时，{{city.cityName}} 将被正确地显示在 <label> 中。

请确保 city 对象已经正确定义且可通过 Vue.js 绑定到模板上。另外，确保要显示的城市名称在 city.cityName 中有值。