首页 / JAVASCRIPT / javascript – 如何使用riot js将变量传递给子标记

javascript – 如何使用riot js将变量传递给子标记

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用riot js将变量传递给子标记，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1130字，纯文字阅读大概需要2分钟。

内容图文

我在暴乱中经验不多.我创建的标签层次结构就像

<tag-1>
    <tag-2>
        <tag-3>
        </tag-3>
    </tag-2>
</tag-1>

现在我需要将变量(whcih包含JSON)传递给“tag-3”,并且在该变量的每次更新时如何更新“tag-3”.现在我正在安装“tag-3”之类的

riot.mount('tag-3', { comm: "Hello" });

其中“comm”是可变的,并且在标签“tag-3”中无法访问mount变量“comm”之后,它显示为undefined.另一件事,每个标签html都在一个单独的“.tag”中,并且我正在调用其他标签,就像在“tag-1.tag”文件中调用“tag-2”并在“tag-2.tag”中调用文件我正在调用“tag-3”,而在“tag-2.tag”文件中我正在安装“tag-3”

我怎样才能做到这一点 ？

解决方法:

>您不需要在其他防暴标签中安装标签 – 只需要安装根标签.这就是你的comm参数没有进入tag-3的原因.
>您可以在一个.tag文件中包含多个标记定义.编译标记文件后,内部的暴乱标记是否从多个标记文件加载无关紧要.
>您可以将变量作为标记属性传递 – 它们将在opts变量下可用.

总而言之,您的单个标记文件可能如下所示：

<tag-1>
  <p>This is my TAG1</p>
  <tag-2 comm="{ commValue}"></tag-2>

  <script>
    this.commValue = { text: 'My text' }
  </script>
</tag-1>

<tag-2>
  <p>This is my TAG2 with comm: { opts.comm.text }</p>

  <script>
    this.on('update', function () {
      // you can use 'opts.comm' here
    });

  </script>
</tag-2>

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用riot js将变量传递给子标记全部内容，希望文章能够帮你解决javascript – 如何使用riot js将变量传递给子标记所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/826435.html

来源：【匿名】