惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 三生石上(FineUI控件)
S
SegmentFault 最新的问题
Jina AI
Jina AI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
IT之家
IT之家
美团技术团队
V
Visual Studio Blog
人人都是产品经理
人人都是产品经理
博客园 - 叶小钗
有赞技术团队
有赞技术团队
GbyAI
GbyAI
宝玉的分享
宝玉的分享
腾讯CDC
M
MIT News - Artificial intelligence
博客园 - 【当耐特】
Google DeepMind News
Google DeepMind News
月光博客
月光博客
MyScale Blog
MyScale Blog
Last Week in AI
Last Week in AI
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 司徒正美
Recent Announcements
Recent Announcements
MongoDB | Blog
MongoDB | Blog

Bootstrap

Bootstrap 5 Alpha 发布了, 前端的小朋友们了解一下 请教下 WebStorm 里没有 BootstrapVue 标签的代码提示的问题 请教一下 bootstrapTable 和 pageHelper 实现服务端分页 想问一下 bootstrap 官网, bootstrap-vue 是你们官方出的吗?有 bug 啊 datetimepicker 和 bootstrap 布局冲突? 实现的人是这么惨的吗 简约的博客模板 Bootstrap 按钮按下去的颜色怎么修改? Bootstrap 4 简体中文文档 新人刚接触 bootstrap,想问一下 DropDown 的问题 Bootstrap Visual Editor Bootstrap Cheat Sheet 推荐个 bootstrap 表单验证插件? BootStrap 3 和高德地圖 Javascript API 共同使用時地圖不能正確顯示的解決方案 从2升级到3,各种坑啊. 现在最急迫的是: 怎么找回多级菜单? 国家邮政局申诉网站界面是用Bootstrap做的 Bootstrap v3 貌似有个bug firefox显示正常,chrome显示就不正常。。帮我看下。。 这是什么交互模式? 从 Bootstrap 2 迁移到 3,一个问题想不明白。
vue-cli3+bootstrap-vue 通过 v-for 循环绑定 src 加载本地的...
Tlin · 2020-03-11 · via Bootstrap

我参照了官网的配置写法,下面是我想问的。

<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 上提了就我用中文提的那个…………