在平常的处理中，img的src通常采用相对路径的方式来指定，然而在Vue中通过‘：src’动态绑定时不能如此，会加载失败。
也就是说，静态结构时，地址这样设置就可以正常显示：
而动态结构时，这样就不行
注意如果写成了
那就更加的错误了
这是因为网页会把根域作为相对路径的根目录，然而我们文件的路径是相对于项目文件的根目录的，当然就找不到了。而通过vue-cli建的文件结构中，有一个叫做static的文件夹，是存放静态文件的，这个文件夹下的文件会按照原本的结构放在网站根目录下。这时再使用‘/static’这样的路径就可以访问这些静态文件了。
第二种办法是使用require()包裹相对路径
html部分：
js部分：
vue从后台获取的数据有html标签通过v-html渲染到页面给html添加样式的方法如下：
准备材料：Vuejs、HBuilder、浏览器
1、创建静态页面vhtmlhtml，并引入vuejs文件。
2、在<body></body>元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令。
3、绑定v-html指令数据，这里设置为字符串。
4、Vuejs库的v-html指令是插入html元素，修改datas为包含<p></p>标签。
5、预览该静态页面，这时会看到页面显示如下
6、将调试打开，这时发现<div></div>中有个<p></p>标签，完成添加。
两种情况1、post后台请求，收不到数据以PHP为例$_POST为空。2、axios，get请求后台获取不到数据。
第一种情况xios会把数据自动转换成json字符串，发送类型：content-type：application/json，后台PHP还是按照multipart/form-data或x->
以上就是关于vue中img的src绑定全部的内容，包括:vue中img的src绑定、vue从后台获取的数据有html标签通过v-html渲染到页面，然后怎么给这里面的html添加样式、vue3上传文件后台获取不到数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）