1. 程式人生 > >mpvue寫微信小程式-圖片引入(一)

mpvue寫微信小程式-圖片引入(一)

1、快速上手(http://mpvue.com/mpvue/quickstart/

      按官網給出流程,建立:

       

執行後,在微信工具檢視:

編輯器中檢視目錄結構:

為了執行的話  這個專案算是完結,但是在想寫自己的專案又遇到了問題。

2、實際操作

引用圖片

原來寫過的小程式,所以一開始我是把圖片資料夾放在pages資料夾同級,然後呼叫爆出這個問題:

問題原因: 工具中執行程式碼是已轉譯過的,與pages放同一級的images資料夾是不在轉譯之內。

解決辦法:

1、require('@/images/location_2.png')

2、把images資料夾放入與src資料夾同級的static資料夾,呼叫/static/images/code_2.png