vue 复选框的渲染

àì夳堔傛蜴生んèń 2021-12-19 02:13 399阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RhdG91bmlhbzE_size_16_color_FFFFFF_t_70][]

这个是我想要的结果，但是却一直没有渲染出来

<div class="tab-pane viewlist">
    	<div class="box box-solid" style="box-shadow: none;">
    		<div class="box-body">
    			<ol>
    				<li v-for="(item,index) in data">
    					<input type="checkbox" v-bind:checked=item.root.checkstatus /> <span>{
       {item.root.name}}</span>
    							<ol v-if="item.havesub=='1'">
    								<li v-for="(sub,k) in item.subs">
    								<input type="checkbox" v-bind:checked=sub.checkstatus />{
       {sub.name}}</li>
    							</ol>
    				</li>
    			</ol>
    		</div>
    	</div>
    </div>

关键在于什么

<input type="checkbox" v-bind:checked=sub.checkstatus/>{
       {sub.name}}</li>

这个地方哪里出现错误

居然在input的标签的结束/上面，这样写就对了

<input type="checkbox" v-bind:checked=sub.checkstatus />{
       {sub.name}}</li>

平时没有注意这些细节

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RhdG91bmlhbzE_size_16_color_FFFFFF_t_70 1][]

关键是这个位置有一个空格

希望对你有所帮助

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RhdG91bmlhbzE_size_16_color_FFFFFF_t_70]: /images/20211219/00f81ea25dca47e9930e1be3277fd74b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RhdG91bmlhbzE_size_16_color_FFFFFF_t_70 1]: /images/20211219/73fb3b02bdee4ec4b8a920d7182d2877.png

发表评论取消回复

表情：

评论列表（有 0 条评论，399人围观）

还没有评论，来说两句吧...

相关阅读

相关 css复选框样式_使用CSS样式复选框

css复选框样式 Introduction: 介绍： Sometimes we want to develop a website or web page that wo

秒速五厘米/ 2023年03月05日 11:58/ 0 赞/ 60 阅读

相关 vue实现复选框默认勾选功能案例

一、概述 1. 最近在学习vue相关知识。通过菜鸟教程中单选框、复选框渲染的代码测试之后，自己也写了一下代码来实现复选框如何默认勾选的功能；二、案例介绍 1. 实现

以你之姓@/ 2022年11月26日 07:58/ 0 赞/ 621 阅读

相关 CheckBox复选框

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schem

男娘i/ 2022年09月26日 03:15/ 0 赞/ 327 阅读

相关复选框

![70][] package tu; import java.awt.BorderLayout; import java.awt.B

「爱情、让人受尽委屈。」/ 2022年05月19日 08:10/ 0 赞/ 368 阅读

相关 jQuery 单选框/复选框美化

对于前端萌新来说，美化表单是个痛苦的事情，通常都是去寻找插件这种逃避的办法，其实这并不是难事。在上篇文章中提到了兄弟元素选择器在表单美化中表现突出，下面的示例源码将体现基础篇

我不是女神ヾ/ 2022年05月10日 00:08/ 0 赞/ 534 阅读

相关 vue中el-tree实现单选复选框

vue中el-tree实现单选复选框遇到的问题使用vue的element框架时el-tree时，当填入复选框时，不能单选父节点解决办法结

你的名字/ 2022年04月13日 04:24/ 0 赞/ 428 阅读

相关 AngularJS单选、复选框

　　在项目开发中，有应用到单选、复选框，对于Angular来讲，其实有很多实现方法。如下应用实例：一.AngularJS radio单选实例　　在页面上有几个项目名称，

清疚/ 2022年04月06日 10:51/ 0 赞/ 687 阅读

相关 vue封装复选框组件

前言 > 根据[百度前端技术学院2018 MVVM 学院][2018 MVVM] 中的[ 2.5 表单实现Input、Checkbox组件][2.5 _Input_Che

╰+攻爆jí腚メ/ 2022年01月31日 15:27/ 0 赞/ 840 阅读

相关 vue 复选框的渲染

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RhdG91

àì夳堔傛蜴生んèń/ 2021年12月19日 02:13/ 0 赞/ 400 阅读

相关 Vue实现复选框,批量操作

声明 selectIds 数组： data: { whiteCardList: [], selectIds: [] }, 获取列...

你的名字/ 2021年03月14日 03:18/ 0 赞/ 689 阅读