bootstrapVue踩坑

news/2024/11/25 12:30:43/

radio返回数字类型

  • value前需要有“:”,且后面也是需要带引号的
  • :value=1 好像也是有问题的
  • 使用——:value="1"来实现
<b-form-radio-group v-model="name"><b-form-radioname="name_radio":value="1"></b-form-radio><b-form-radioname="name_radio":value="2"></b-form-radio>
</b-form-radio-group>

Element-ui Radio单选框中label绑定数据类型问题

多选checkbox无法选中

  • 使用官方样例可以正常选择
<b-form-group label="Using options array:" v-slot="{ ariaDescribedby }"><b-form-checkbox-groupid="checkbox-group-1"v-model="selected":options="options":aria-describedby="ariaDescribedby"name="flavour-1"></b-form-checkbox-group></b-form-group>
  • 但是将v-model改成自己的就无法选中了,最后删除了id name可以正常使用。

浏览器下载zip文件

  • 前端:直接调用下载的接口即可。
<a href="/service/export/export_log/system_log">导出</a>
  • 发送时需要注意

折叠面板

  • 以下使用了h2作为tab
  • v-b-toggle用于绑定b-collapse,如果不绑定,点击不会展开和回收。
  • 给collapse绑定v-model,并将对应值设为true,可使tab默认展开。
  • collapse中添加accordion="my-accordion"可实现手风琴效果。
  • role=“tabpanel”
 <b-row class="my-table"><h2 role="tab" v-b-toggle.math>数学</h2><b-collapsev-model="is_math"id="math"style="width:100%;" ><b-table-simple hovercaption-topresponsive><b-tbody><b-tr><b-th class="text-left">科目</b-th><b-td class="text-left"><b-form-input/></b-td></b-tr></b-tbody></b-table-simple></b-collapse></b-row>
  • 直接使用visible即可设置初始可见。
    折叠面板(Collapse)
<div><b-button v-b-toggle.collapse-3 class="m-1">Toggle Collapse</b-button><b-collapse visible id="collapse-3"><b-card>I should start open!</b-card></b-collapse>
</div>

http://www.ppmy.cn/news/586745.html

相关文章

软件测试的概念与过程(软件测试的历史、概念、结构、过程)

软件测试的概念与过程----软件测试的历史 软件测试的历史软件的概念软件的结构软件测试的过程 软件测试的历史 1、早期的的软件开发过程中&#xff0c;将测试“调试”&#xff0c;目的是纠正软件已经知道的故障&#xff0c;常常有开发人员自己去完成这部分工作。 2、1957年&…

python 创建二维列表【空列表或定长列表】

正确写法&#xff1a; 空列表设置了初始值的定长列表 ### 创建3行的二维空列表 ### a [[] for i in range(3)] print(a) # [[], [], []]### 每一行非空&#xff0c;并设定初始值及其长度 ### ### 创建3行&#xff0c;每一行列表初始化全0的列表&#xff0c;且长度为5 ### a…

Apikit 自学日记:数据结构

您可以将API文档中的重复部分提取出来成为数据结构&#xff0c;方便其他文档中复用。当数据结构发生改变时&#xff0c;所有引用了该数据结构的API文档会同步发生改变。 创建数据结构 进入数据结构管理页面&#xff0c;点击 添加数据结构 按钮&#xff0c;输入相关内容并保存…

C++ new, delete

目录 语法示例1. 对使用 new 分配的对象进行初始化2. 使用 new 分配的对象的生存期 new 的工作原理 语法 new其实就是告诉计算机开辟一段新的空间&#xff0c;但是和一般的声明不同的是&#xff0c;new开辟的空间在堆上&#xff0c;而一般声明的变量存放在栈上。通常来说&…

ivx低代码开发平台

前言 低代码开发平台&#xff08;Low-Code Development Platform, LCDS&#xff09;为企业和开发者提供了高效的应用开发方式。在2023年&#xff0c;中国的低代码开发平台正在快速发展&#xff0c;以下是其中最受关注的十大平台&#xff1a; iVX&#xff1a;iVX是一款新型的低代…

接口测试实战篇,吐血整理汇总,接口测试你知多少?

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 接口测试&#xf…

群晖DSM桌面无法删除快捷方式(无法右键)解决方法

发现群晖的远程桌面上的快捷方式无法删除 其实是浏览器不兼容的问题&#xff08;我的是EDGE&#xff09;&#xff0c;换一个旧一点的浏览器就可以右键删除了 问题解决

点击电脑桌面图标就点计算机图标老是出现是否删除快捷方式,电脑桌面上的快捷方式图标总是有小箭头怎么删掉...

一般来说&#xff0c;除了Windows系统自身的图标&#xff0c;我们电脑桌面上的图标都属于快捷方式&#xff0c;它们也有一个共同点&#xff0c;那就是图标左下角有个小箭头&#xff0c;对于一些用户来说&#xff0c;这些小箭头相当影响美观&#xff0c;那么有什么办法将这些小箭…