vant 折叠面板title加复选框点击选中不展开,

　　本文主要介绍vant折叠面板的默认扩展，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

vant折叠面板默认展开

　　打开所有vant组件库中的所有折叠面板van-collapse-item，折叠折叠面板嵌入在van-tab中。

　　我查了一下数据，发现只要这两个值相同，就可以设置面板默认打开。

　　注意：如果van-collapse中绑定的activeName不是数组，将会报告一个错误。

　　因为上面的绑定都是动态的，我们不能给activeName写某个值，所以把所有的title循环到activeName数组中。

　　通过给activeName赋值，可以得到activeName的值和guideTitle的各个title值，绑定的值是一致的。这样，折叠面板可以默认打开。

　　以上是动态的name绑定的写法。

　　那么还有一种方法是写死的name值，也可以默认全部打开：

　　此时，这里的名称前面没有冒号，这意味着它绑定了一个固定的字符串‘index’。只要title中的绑定名称与name的字符串一致，默认情况下该面板就会展开。由于这是一个for循环面板，所以所有面板的名称都是一致的，即默认情况下所有面板都会展开(注意：这里仍然使用数组格式)。

　　我查资料的时候也发现只能打开折叠面板的一项。

　　这里的书名是你自己定义的。绑定的值是name的值。因为这是一个循环嵌套面板，所以在绑定时需要以数组格式接收。

　　注意：名称前面有一个冒号，这意味着它后面有一个变量或表达式。如果没有冒号，它就是一个固定字符串。

　　为title声明变量，默认情况下展开第一个面板。

　　这里的原理同上，即绑定标题和动态名称值一致。

　　效果如上，下面用表格排版。表的返回字段显示该行，否则没有隐藏行。单击图标以展开和隐藏表格。

　　附加：表格行解决了tr显示阻塞时的串行问题。

　　数据格式：

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。