Question

我在我的项目上使用vuejs一直很好，直到我遇到这个问题：我的页面显示数据网格与图像轮播“猫头鹰旋转木马”，代码如下所示：

fetchData: async function () {
    let self = this
    let query = self.$route.query

    if ($.inArray(self.rowPerPage, self.selectChoice) !== -1) {
      query['rowPerPage'] = self.rowPerPage
    } else {
      query['rowPerPage'] = 5
    }

    query['page'] = self.page

    /*Get Properties*/
    HTTP.get('property/search', {
      params: query,
      headers: {'pointer-access-token': window.$cookies.get('pointer-access-token')}
    }).then(function (data) {

      let date = new Date();
      let testTime = data.data.data[0].created_at

      self.properties = data.data.data
      self.pages = data.data.pages
      self.rowPerPage = data.data.rowPerPage

    });
  }

以上代码从服务器读取数据，下面的代码是我重新呈现的html：

<div class="listing-item share-list-container" v-if="properties"
             v-for="(property,propertyIndex) in properties">
  ...
  <div class="listing-carousel">
    <div v-for="photo in property.photo">
   <img v-lazy="domainName + photoPath + photo" :alt="property.projectName">
    </div>
  </div>
  ...
</div>

加载DOM后，“img”标签消失了，所有项目都没有丢失，这个标签在大多数商品上丢失了1或2，而且有些商品仍然有这个图片标签。我真的对此有所了解。

感谢您的想法！

Answer 1

将图像路径从服务器转换为字符串

从服务器重新渲染（再次获取）数据后，vue.js 2 img标记丢失

1 个答案: