https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/
最大的好消息是已经移除了 jQuery !
]]><div v-for="item in data" :key="item.id"> <b-img-lazy width="30" height="30" alt="ico" :src="item.logo"></b-img-lazy> </div>
本地图片:src/assets/img/logo.png 本地编写的数据:
data : [{ "id": "001", "title": "person", "logo":"assets/img/logo.png" }]
如果按以上循环绑定本地的图片就会显示失败,如果图片为网络地址就会成功,如: "logo":"https://picsum.photos/600/400/?image=94"
我开始以为是我本地数据的地址写错了,但无论我怎么改还是没有显示出来。 难道不能循环绑定 src 吗?我看给的示例是绑定网络上的地址:
<b-img-lazy v-bind="mainProps" :src="getImageUrl(80)" alt="Image 1"></b-img-lazy> getImageUrl(imageId) { const { width, height } = this.mainProps return `https://picsum.photos/${width}/${height}/?image=${imageId}` }
我也使用过这种写法来绑定本地的数据,但仍旧不行。 目前在在国内的网上很难找到 bootstrap-vue 的相关问题解决方案,不知有老哥遇到过没,真是头大! 我也在 bootstrap-vue 的 github 上提了就我用中文提的那个…………
]]>$("#table2").bootstrapTable({ method: 'POST', contentType : "application/x-www-form-urlencoded", // dataType: 'json', url: "", cache: false, load: false, toolbar : "#toolbar", toolbarAlign: 'right', clickToSelect: true, sidePagination: "server", pagination: true, totalRows: 6, pageNumber: 1, pageSize: 2, pageList: [1, 3], smartDisplay: false, onlyInfoPagination: false, columns: getColumns(), onLoadSuccess: function (jsonData) { $("#table2").bootstrapTable('load', jsonData.list); }, onLoadError: function () { bootbox.alert("加载失败"); }, queryParams: function () { var params = { limit: this.limit, offset: this.offset, pageNumber: this.pageNumber, pageSize: this.pageSize }; return $.extend(params, queryParamsF()); } });
前端接收到的数据
endRow: 2 hasNextPage: true hasPreviousPage: false isFirstPage: true isLastPage: false list: [{id: 1, bookName: "长安 1", author: "林德霍尔姆", price: 99.9, state: "可借", sid: 2,…},…] 0: {id: 1, bookName: "长安 1", author: "林德霍尔姆", price: 99.9, state: "可借", sid: 2,…} 1: {id: 2, bookName: "Java 虚拟机规范", author: "林德霍尔姆", price: 99.9, state: "不可接", sid: 2,…} navigateFirstPage: 1 navigateLastPage: 3 navigatePages: 8 navigatepageNums: [1, 2, 3] 0: 1 1: 2 2: 3 nextPage: 2 pageNum: 1 pageSize: 2 pages: 3 prePage: 0 size: 2 startRow: 1 total: 6
]]>HTML:
js: $('#test').daterangepicker({
startDate: moment()
});
我尝试了下,感觉跟 bootstrap 的布局有关系,在普通 div 布局的情况下,不会出现,显示正常。很迷。 有什么办法能解决这个问题?
]]>可是现实中,各方都会给你提各种要求,把你搞得精疲力尽。测试提需求,后端给 bug 接口,UI 临场发挥,现场给你找麻烦,要资源总是不满足,责权利总不对等。总是出问题的晋升,把事情做好的沉默。
]]>谷歌只找到了一个类似问题,但是按那个回答的修改还是会出现蓝色背景。 https://segmentfault.com/q/1010000004184231
无奈本人技术太菜,被这个问题困扰好几天了。 就是图上那个发起的按钮,求大佬帮帮弟弟!
www.dalaowo.com 账号 test 密码 123456
]]>最近高频使用 Bootstrap, 整理出一个便于使用的小册子, 简洁明了, 比起每次查官方文档要快多了, 希望大家也觉得有用.