在checkbox中使用freemarker语法,那些年惨痛的教训

1.错误代码(无论取什么值,checkbox一直不能被选中,没反应)

   <input name="isOutsource" type="checkbox" class="ace ace-checkbox-2" 
                                            <#if dataVo.isOutsource?exists && dataVo.isOutsource==1 >checked</#if> />

2.原因分析

      起初以为语法有问题,因为checkbox选中语法有两种,一种是直接写checked,另一种是checked="checked",所以我改成了下面这样

<input name="isOutsource" type="checkbox" class="ace ace-checkbox-2" 
                   checked=<#if dataVo.isOutsource?exists && dataVo.isOutsource==1 > "checked"</#if> />

     居然可以了....

3.高兴太早

    原本找到了问题所在,后来才发现是因为  两行之间空格太多,当初因为input写一行太长,所以换行,因为html换行都没问题,空格多少都不影响,谁知道.ftl文件会这样,心累。

   我只想说,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,这问题谁发现得了......你妹的

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 Vue 使用 checkbox 在弹窗非常简单,只需要在模板使用 `input` 标签并设置类型为 `checkbox` 即可。 例如,你可以在弹窗添加一个选择框,如下所示: ``` <template> <div> <!-- 弹窗checkbox --> <input type="checkbox" v-model="checkboxValue"> </div> </template> <script> export default { data() { return { checkboxValue: false } } } </script> ``` 在上面的例子,我们使用了 `v-model` 指令来双向绑定 checkbox 的值。这样,你就可以在弹窗使用 checkbox 了。 你还可以使用 `label` 标签来为 checkbox 添加标签文本,例如: ``` <template> <div> <!-- 弹窗checkbox --> <label> <input type="checkbox" v-model="checkboxValue"> 选择 </label> </div> </template> <script> export default { data() { return { checkboxValue: false } } } </script> ``` 在这里,我们在 checkbox 前面添加了一个标签文本,表示“选择”。这样,你就可以在弹窗使用带有标签文本的 checkbox 了。 希望这些信息能帮助你。 ### 回答2: 在Vue,我们可以通过使用v-model指令来实现在弹窗使用Checkbox。 首先,在弹窗的组件,我们需要定义一个data属性,用于储存Checkbox的值。我们可以给Checkbox添加一个v-model指令,将其绑定到这个data属性上。 例如,在data属性定义一个名为checked的属性: data() { return { checked: false } } 然后,在弹窗的模板,我们可以使用input元素来创建Checkbox,并使用v-model指令绑定到data属性定义的checked属性: <input type="checkbox" v-model="checked"> 这样,当Checkbox的状态发生改变时,checked属性的值也会随之改变。 我们可以进一步使用computed属性来处理Checkbox的值,比如将其转换为布尔型。例如: computed: { processedCheckedValue() { return this.checked ? '是' : '否'; } } 最后,在弹窗的模板,我们可以使用{{ }}语法来显示Checkbox的值: <p>Checkbox的值是:{{processedCheckedValue}}</p> 通过以上步骤,我们就可以在弹窗使用Checkbox,并随时获取和改变其值。 ### 回答3: 在Vue,可以通过使用`v-model`指令和`input`元素的`type`属性设置为`checkbox`来使用复选框。 首先,需要在data定义一个变量来表示复选框的状态,例如: ``` data() { return { isChecked: false } } ``` 然后,在弹窗的模板添加一个复选框元素,使用`v-model`将其与定义的变量绑定起来,如下: ``` <template> <div> <input type="checkbox" v-model="isChecked"> <span>{{ isChecked }}</span> </div> </template> ``` 在上述代码,`v-model`指令将复选框的状态与`isChecked`变量进行双向绑定,当复选框被选或取消选时,`isChecked`的值会自动更新。 最后,可以通过`isChecked`变量来控制弹窗其他需要根据复选框状态变化的元素或功能。例如,当复选框被选时显示一段文字,可以使用条件渲染来实现: ``` <template> <div> <input type="checkbox" v-model="isChecked"> <span v-if="isChecked">复选框被选</span> </div> </template> ``` 这样,在弹窗就可以使用复选框并根据其状态来完成相应的操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值