components - 迭代时更改lwc组件中的表达式

Question

我们可以使用 aura 组件中的变量来连接一些表达式，我们必须在 中使用变量名本身lwc components，同时循环如何更改lwc comp variablein js 文件。

我尝试dom使用 this.template.querySelector();访问 但这仅在我使用呈现的回调时才给出值。

<template for:each={documentLinks} for:item="item">

//这里我需要将item.ContentDocument.LatestPublishedVersionId传递到一个URL字符串的末尾

<img src={item.srcUrl} alt="PDF"/>

我们可以修改从顶点返回的数据，但数据是代理我们不能修改它。

Answer 1

在加载时更改 dom 上的 URL 的可能解决方案之一是更改从服务器返回的数据。在这里，在闪电网络组件中，返回的数据是一个代理对象，只能读取。所以我们必须克隆它（有多种方法可以克隆它），以进行任何更改。但在这里我做了什么。

因此，覆盖数组将成为新数据。

let overrides = [];
let newData = {
  contentDocs: data[i],
  srcUrl: '/sfc/servlet.shepherd/version/renditionDownloadrendition=thumb120by90&versionId=' + data[i]['ContentDocument']['LatestPublishedVersionId']
};
makeLoggable(newData);
overrides.push(newData);


function makeLoggable(target) {
  return new Proxy(target, {
    get(target, property) {
      return target[property];
    },
    set(target, property, value) {
      Reflect.set(target, property, value);
    },
  });
}