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

鍍金池/ 問答/HTML/ 小程序 如何在模板中使用全局變量

小程序 如何在模板中使用全局變量

app.js 設(shè)定一個(gè)全局變量 CDN 地址

App({
    globalData: {
        resBaseUrl: 'https://xxxxxx'
    }
})

page.js 調(diào)用后端API獲取到數(shù)據(jù)

Page({
    data:{
        list: [
            {
                title: 'xxx',
                avatar: '/xxx/xxxx.jpg',
                intro: 'xxxxxxxx'
            }
        ]
    }
})

page.wxml 拼接 image 的 src 

<template name="content">
  <view class='rec-intr-item'>
    <view class='rec-cover'>
      <view><image class='rec-img' src='{{resBaseUrl + avatar}}' mode='scaleToFill'></image></view>
    </view>
    <view class='rec-intr'>
      <text class='rec-intr-title'>{{title}}</text>
      <text class='rec-intr-content'>{{intro}}</text>
    </view>
  </view>
</template>

渲染結(jié)果 undefined

clipboard.png

有哪位大神可以指點(diǎn)一下怎么實(shí)現(xiàn)么？

回答
編輯回答
氕氘氚

在page頁無法訪問全局變量，你只能通過getApp().globalData獲取全局變量后賦值給page頁中的局部變量實(shí)現(xiàn)

2018年7月13日 01:02
編輯回答
萌面人
const app = getApp();
onLoad: function () {
  this.setData({
     resBaseUrl: app.globalData.resBaseUrl
  })
}
2017年9月2日 03:52