Vue接受后端数据库网址图片，并在浏览器上显现出来 |
您所在的位置：网站首页 › vue回显数据库数据 › Vue接受后端数据库网址图片，并在浏览器上显现出来 |
Vue接受后端数据库网址图片，并在浏览器上显现出来
|
前言
老实讲，当我们学的还不深的时候。遇到想要下面这种情况 我们要是学的不够好，就比如我想在数据库里面传入一段网址当做图片呗，如下： 网址怎么拿的？CSDN啊，写博客的时候都有的，大家注意一下呗 那么后端就之间传一段网址过来撒，前端就将网址用img标签输出呗！ 首先我们判断后端是否将网址传过来，如图 所以，我们还剩最后一步，前端将这个数据存入到img标签里面 对于这个步骤，我想说让人生不如死啊。网上百度好久啥也没有，问了老师，老师也有点没理解我的意思，但是老师讲出来，我并没有get到带你，反正其中艰辛不足为外人道也 唉，太难了！！！！！ 标记重点一下代码区域：
应该懂那个冒号：是什么东西吧？就是那个v-bind，Vue语法里面的引入插值(不太懂的可以去Vue官网看看视频，简单了解一下) Title 搜索 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。 --> 书籍照片 var app = new Vue({ el:'#app', data:{ image:[] }, mounted() { this.findbook() }, methods:{ findbook() { var that = this //axios 获取网络 axios.post("http://localhost:8088/xiaoxiang/findImage" ).then(function (res) { //请求成功 //回调方法里的this，只是调用方法体里面的参数，所以需要在外面将this定义好 JQuery console.log(res.data) that.image = res.data console.log(this.that) }).catch(function (err) { //请求失败 console.log(err) }) } } })总体代码我就给了前端，后端有点多，我就没给了… 最后鸣谢一下我同学大佬的帮助。拜谢 |
【本文地址】