src 属性用法

通常需要通过接口请求数据的组件元素都支持 src 属性。但每个组件支持的用法也不一样,有些组件都支持,有些只支持部分用法。它有以下三种形式的用法:

一个请求可以返回数据的URL。

<spz-render layout="container" src="/api/products/productID">
  <!-- ... -->
</spz-render>

通过 JSON 类型的脚本来获取本地的数据。

<script id="render-json" type="application/json">
  {
    <!-- ... -->
  }
</script>

<spz-render layout="container" src="script:render-json">
  <!-- ... -->
</spz-render>

通过 spz-script 导出的函数来获取数据,在该元素中数据可以从接口中请求返回,也可以是本地数据。

<spz-script id="custom-script">
  function getData() {
    /* ... */
    return Promise.resolve({/* ... */})
  }

  exportFunction('getData', getData);
</spz-script>

<spz-render layout="container" src="spz-script:custom-script.getData">
  <!-- ... -->
</spz-render>
本页目录