关于uniapp css背景图不能用本地文件的解决办法

╰+攻爆jí腚メ 2021-09-19 11:18 755阅读 0赞

### 参考：[http://ask.dcloud.net.cn/question/62417][http_ask.dcloud.net.cn_question_62417] ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70][]

### **uni-app解决无法加载本地图片的方法【动态加载背景图片\*唯一的解决办法】** ###

### **特别注意：千万别忘记了【\`url($\{indexBackgroundImage\})\`】** ###

<template>
    	<view class="index" :style="{backgroundImage:`url(${indexBackgroundImage})`,backgroundSize: 'cover'}">
    		
    	</view>
    </template>
    
    <script>
    	
    	import indexBackgroundImage from "@/static/img/account_index.jpg"
    	
    	export default {
    		data() {
    			return {
    				indexBackgroundImage:indexBackgroundImage
    			}
    		},
    		methods: {
    			
    		}
    	}
    </script>
    
    
    <style lang="scss" scoped="">
    </style>

[http_ask.dcloud.net.cn_question_62417]: http://ask.dcloud.net.cn/question/62417
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70]: /images/20210812/f963761d8ab04a9a8fda266e9067f0c4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，755人围观）

还没有评论，来说两句吧...

相关阅读

相关关于uniapp css背景图不能用本地文件的解决办法

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

﹏ヽ暗。殇╰゛Y/ 2023年07月24日 11:30/ 0 赞/ 15 阅读

相关斜杠css背景图

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

阳光穿透心脏的1/2处/ 2023年07月11日 05:45/ 0 赞/ 9 阅读

相关 css js 打印背景图

参考：[https://blog.csdn.net/lidysun/article/details/88995208][https_blog.csdn.net_lidysun_

柔光的暖阳◎/ 2023年01月02日 06:27/ 0 赞/ 208 阅读

相关关于uniapp中navigateTo跳转不生效的解决办法

前言：如果你无论怎么弄都不生效，而且调试不报错！那这个可能会帮到你，因为我自己就是这样的，特此记录一下。解决办法：查看自己项目中的pages.json配置文

一时失言乱红尘/ 2022年09月09日 13:43/ 0 赞/ 547 阅读

相关 css背景图设置

.bgImg1\{width: 200px; height: 500px; border: 1px solid \999; background-image: ur

Bertha 。/ 2022年06月05日 00:54/ 0 赞/ 276 阅读

相关使用远程机与本地文件交互不能复制粘贴的办法

使用远程机与本地文件交互不能复制粘贴的办法 1、打开任务管理器，关闭rdpclip.exe 任务。 2、按下WIN + R 运行 rdpclip.exe ，后即

àì夳堔傛蜴生んèń/ 2022年05月16日 01:45/ 0 赞/ 247 阅读

相关关于Nginx启动成功，浏览器不能访问的解决办法

本人初学Nginx，第一天配置成功并能通过浏览器进行访问。第二天重新打开，将Nginx启动，但是浏览器却访问不了。执行 ps aux|grep nginx 执行结果如下

水深无声/ 2022年01月21日 10:07/ 0 赞/ 1016 阅读

相关 css背景图自适应

在开发时，修改了d2admin的登录页面。使用了背景图片，但是ui给的图过于大（可能是我电脑屏幕小哈）无法完整的显示到页面上，所以修改了代码，可以完整显示背景图。代码如下：

迈不过友情╰/ 2022年01月06日 14:09/ 0 赞/ 414 阅读

相关 css:背景图常用设置

background:url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=

川长思鸟来/ 2021年12月12日 13:25/ 0 赞/ 393 阅读

相关关于uniapp css背景图不能用本地文件的解决办法

参考：[http://ask.dcloud.net.cn/question/62417][http_ask.dcloud.net.cn_question_62417] !

╰+攻爆jí腚メ/ 2021年09月19日 11:18/ 0 赞/ 756 阅读