【vue文件的data中引入图片路径方式】的更多相关文章

vue文件的data中引入图片路径方式

data () { return { src:require('../assets/c.png') } }, mounted () { obj.src = require('../assets/'+ obj.$route.params.id + '.png') }…

vue项目，webpack中配置src路径别名及使用

1.项目结构: 2.在build文件夹下的webpack.base.conf.js文件中设置src的路径别名. 3.在js文件或者vue文件的script标签中使用: (1).js文件中导入示例: (2).vue文件中导入示例: 4.css(scss)文件在scss或者vue的style标签中导入示例: (1).在scss文件中导入示例: (2).在vue的style标签中导入示例: 注意:css或者scss样式导入需要使用 ~@ 开头. 5.在vue的template模板标签中引入图片路径示例…

Vue-cli构建项目, 组件中js代码引入图片路径问题

问题描述 .vue的组件分成三个部分, template结构部分, script路径代码, style页面样式 首先, 我们可以在template可以正确引入, 无论是dev, 还是build都没有问题, 在style中引入背景图的话, 我们在上一篇文章中已经解决. 这次我们发现如果需要在js代码中控制图片路径的显示, 使用:src的话, 直接写是错误的, 并不能打包, 在 dev 和 build 都是错误的, 都不能正确读取. 这就是我们的问题: 在组件的js中, 如果存在路径, 不能被争取读…

vue.js中引入图片

vue中引入图片 前言:vue中引入图片时,会显示不出来,除非在css中引入.而在template中或者js动态引入时,会显示不出图片. 解决一 图片通过后端返回引入网络图片路径即可. <div class="banner-item" :style="{'background': `url(${$base.urlImage}${item.shufflingUrl})`,'background-size':'cover'}" ></div> 解…

如何在vue中引入图片？

当我们在Vue.js项目中引用图片时,关于图片路径有以下几种情形: 使用一. 我们在data里面定义好图片路径 imgUrl:'../assets/logo.png' 然后,在template模板里面 <img :src="imgUrl"> /*或者*/ <img src="../assets/logo.png"> 这种方式是按照正常HTML语法引用路径,放在模板里可以被webpack打包出来. 使用二. 当我们需要在js代码里面写图片路径的…

php读取出字符串中的img标签中的图片路径

php读取出字符串中的img标签中的图片路径 $pageContents = '字符串,带img标签'; $pageContents = str_replace('\"','"',$pageContents); $reg = '/<img (.*?)+src=[\'"](.*?)[\'"]/i'; preg_match_all( $reg , $pageContents , $results ); //打印出来 var_dump(json_encode($re…

C#正则表达式匹配HTML中的图片路径，图片地址

C#正则表达式匹配HTML中的图片路径,图片地址 最近的项目中有个关于网页取图的功能需要我自己开发,那就是用正则表达式来匹配图片标签.       一般来说一个 HTML 文档有很多标签,比如“<html>”.“<body>”.“<table>”等,想把文档中的 img 标签提取出来并不是一件容易的事.由于 img 标签样式变化多端,使提取的时候用程序寻找并不容易.于是想要寻找它们就必须写一个非常健全的正则表达式,不然有可能会找得不全,或者找出来的不是正确的 img 标…

vue-cli3中引入图片的几种方式和注意事项

如果你是在数据中引入图片,他是从项目中引入的应该按第一种方式引入 如果不是在数据中引入图片,按第二种方式引入…

Vue如何在data中正常引入图片路径

在Vue项目中通过data设置图片路径,然后在template中引入后页面无法显示图片,浏览器控制台报错:                        刚开始以为是路径出问题了,于是绝对路径.相对路径各种办法试了一遍,发现还是报错,后来才发现这是因为在Vue里动态生成的路径无法被url-loader解析到,此时有两种解决方法:         方法一.直接将你的图片源文件放在项目目录的static文件夹里,然后和正常写图片路径那样写就可以了:                          …

Vue文件中引入img 路径写法

把图片路径写在data里面,然后渲染模板的两种方式 方案1.在data使用require将图片进入,写法如下 logo: require('../asset/admin/logo.png')  在模板中渲染              <img :src="logo"> 方案2.把图片放在static文件夹中,如下                      在data中使用          logo: '../static/images/logo.png'…