Vue结合Kendo UI：如何在HTML复选框中渲染三元运算符？

你当前的写法混用了Kendo模板语法与Vue的变量逻辑，导致语法冲突报错。不需要通过Kendo的# #模板语法来拼接checked属性，直接用Vue的属性绑定就能解决问题：

正确写法1：简化绑定（推荐） #

因为myVar本身是布尔值，直接绑定到checked属性即可：

<input type="checkbox" class="checkbox" :checked="myVar">

这里:checked是v-bind:checked的简写，Vue会自动根据myVar的布尔值控制复选框的选中状态。

正确写法2：显式三元运算符 #

如果需要保留三元逻辑（比如后续要扩展条件），可以这样写：

<input type="checkbox" class="checkbox" :checked="myVar ? true : false">

原代码报错原因 #

你之前用"\# (myVar) ? ('checked') : '' #"试图通过Kendo模板生成属性字符串，但Vue的属性绑定机制不需要这种字符串拼接方式，同时Kendo的模板语法与Vue的变量解析逻辑冲突，导致报错。

内容的提问来源于stack exchange，提问作者temple