在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue js部分怎么引入圖片路徑

vue js部分怎么引入圖片路徑

//html部分
<li>
    <span v-html="everyCompany">{{everyCompany}}</span>
</li>


//js部分
data () {
      return {
        everyCompany: '',
      }
    },
mounted () {
      let that = this
      setTimeout(function () {
        that.everyCompany = '<a>杭州德誠</a><img src="../../assets/img/true.png" alt="">'
      }, 2000)
    },

為什么我的圖片不顯示 是引入的方式不對還是怎么?
圖片需要動態(tài)更改路徑 我的想法就是用一個變量去儲存路徑 然后在觸發(fā)一些條件之后改變這個路徑.

回答
編輯回答
伴謊

clipboard.png

應該要require或者在頭部引入你的圖片路徑 例如import image from ‘路徑’

圖片的動態(tài)引入需要當做一個模塊來進行打包 不然webpack會默認為字符串的

2018年9月21日 08:16
編輯回答
墻頭草

你直接把圖片放在static文件夾下就好了，放在其他文件夾會被webpack構建，比如改成base64的格式，js就找不到圖片地址，放在static文件夾下的文件則不會被webpack處理。

2018年8月11日 19:47
編輯回答
安于心

這個目錄是你本地目錄 通過webpack運行的都是自動又重新生成的目錄 你需要在webpack里面配置一下.下面上代碼
解決方法1:
build 目錄中找到webpack.base.conf.js

      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
        }
      },

在module中加入url-loader, 這個是圖片目錄.

解決方法2:
直接import你的圖片,在地址那里寫上即可

2017年9月25日 22:35
編輯回答
巴扎嘿
 import imgSrc1 from "../../assets/img/true.png";
 import imgSrc2 from "../../assets/img/true.png";
    
 <img src={條件判斷？imgSrc1:imgSrc2}>
    
<-------分割------->

如果條件多了的話多了的話，就先匹配那個路徑
const imgSrc={
'條件1':'xxx.png',
'條件2':'xxx.png',
'條件3':'xxx.png',
}[條件]

<img src={imgSrc}>
2018年2月5日 00:51