1. 程式人生 > >vue專案前端渲染後臺資料:圖片和頁面詳情

vue專案前端渲染後臺資料:圖片和頁面詳情

1.從後臺獲取圖片處理

需要對圖片字元拼接

<img :src="host+'/'+list.pro_img" alt="">
//
<img :src="'http://www.xxx.com'+'/'+list.pro_img" alt="">



data () {
    return {
      msg: 'Welcome to Home.vue App sss',
      host:'http://www.xxx.cn/xx/xx/xx/uploads',
      soList:null,

    }
  },

2.前端渲染後臺的百度富文字資料

            <div>
              <p>標題:{{dataBase.pro_title}}</p>
              <p>價格:{{dataBase.pro_price}}</p>
              <!-- <p>詳情:{{dataDet.det_desc}}</p> -->
              <div v-html="dataDet.det_desc"></div>
            </div>