个人中心
gpt4 book ai didi

node.js - 循环内的防暴标签

转载 作者：太空宇宙 更新时间：2023-11-03 21:58:40 25 4
gpt4 key购买 nike

我有一个xxx组件，与 riot-tag 一起使用时属性和标准 HTML5 标签，正常工作:<article riot-tag="xxx"></article> 。但是当我使用riot-tag时循环内的属性，标签为空:<article each="{xxxTags}" riot-tag="{xxx}"></article> 。正在使用riot-tag循环可能吗？我怎样才能让它发挥作用？

<小时/>

附加说明:

我必须一一生成几个不同但相似的组件。所以我有一个数组来存储它们:

var xxxTags = [{tag: 'xxx'}, {tag: 'yyy'}, {tag: 'zzz'}];

输入任何 textareas手动一一手动处理所有:xxx、yyy、zzz 工作正常并生成相应的组件。但是，当我尝试使用 each 执行此操作时，它们最终在 chrome devtools 中为空(没有子项)，但在其他方面与手动放置的相同。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  
<my-tag></my-tag>

<!-- inlined tag definition -->
<script type="riot/tag">
  <my-tag>
    /*Standard, manual addition of different components (works)*/
    <xxx></xxx>
    <yyy></yyy>
    <zzz></zzz>
    /*Standard addition of same components in a loop (works)*/
    <div each={myTags}>{tag}</div>
    <br>
    /*Addition of different components with "riot-tag" manually (works)*/
    <div riot-tag="xxx"></div>
    <div riot-tag="yyy"></div>
    <div riot-tag="zzz"></div>
    /*Addition of different components with "riot-tag" in a loop (DOESN'T WORK should look like the example above)*/
    <div each={myTags} riot-tag="{tag}"></div>
    
    this.myTags = [{tag: 'xxx'}, {tag: 'yyy'}, {tag: 'zzz'}];
  </my-tag>
  
  <xxx>
    <p>X content</p>
  </xxx>
  
  <yyy>
    <p>Y content</p>
  </yyy>
  
  <zzz>
    <p>Z content</p>
  </zzz>
</script>

<!-- include riot.js and the compiler -->
<script src="//cdn.jsdelivr.net/g/riot@2.2(riot.min.js+compiler.min.js)"></script>


<!-- mount normally -->
<script>
  riot.mount('*');
</script>
</body>
</html>

最佳答案

好吧，看起来，当使用 each 循环生成时，带有 riot-tag 属性的标签没有安装(仍然看起来像一个错误？)。对于上述代码，添加以下代码即可完成工作:

this.on('mount', function() {
    for(var i = 0; i < this.myTags.length; i++) riot.mount(this.myTags[i].tag);
});

关于node.js - 循环内的防暴标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33486957/

25 4 0
文章推荐： node.js - hapi中使用相对路径访问静态文件
文章推荐： python - 在 python 中支持向量机分类器的替代方法？
文章推荐： c++ - 情绪检测数据集
文章推荐： Node.js - Socket.io - 问题 "maximum concurrent connections"