问题标签 [riot.js]

使用两个不同的 RiotControl 商店在两个相似的 Riot 组件上确定事件范围的最佳方法是什么？

现在，无论按下哪个按钮，操作都会应用于两个标签，因为控件存储是全局的。我正在尝试找出每个商店限定一个标签的最佳方法。

我的实际用例将有多个嵌套标签，因此传递 Store 可能并不理想。

我在以下位置设置了一个示例： https ://jsfiddle.net/Lsc3znng/

我的标签：

我的店铺：

所以我正在按照指南学习 Riot JS。举例说明一步一步。并添加一个“this.update()”来更新 riot js 变量。现在，它对他有效，但对我无效。你们能告诉我为什么吗？

这是代码。

这是 index.html

这是我的contact-list.tag

在使用 console.logs 进行调试后，我可以看到我正在从我的 JSON 文件中正确检索数据，我的联系人列表数据就在那里。但是项目符号列表没有更新。它显示为空。

我正在尝试使用 jquery 对这样的组件的挂载事件进行 dom 操作。

这会引发如下所示的错误

如果我更换

和

这完美地工作。知道为什么会这样吗？

以下是版本详细信息

暴动版：

防暴cli：2.3.14 - https://github.com/riot/cli

防暴编译器：2.3.22 - https://github.com/riot/compiler

更新

仅当将其放入this.on('mount')时才会发生此问题

我尝试将它放在this.on('all')上，它工作正常。

我一直在用 Riot.js 进行测试，制作可以让我或其他程序员从 github 用户或他的 repos 加载信息的标签。

现在 user 的标签是<github-user-widget></github-user-widget>，repos 的标签是<github-user-repos></github-user-repos>。

我知道 Riot.js 允许您为每个标签设置 css 样式，但在某些情况下，我发现我需要为所有标签提供统一的样式；给所有标签相同的字体或使用网格系统就是一个例子。

如果我在 index.html 上加载像 Bootstrap 或 Bulma.io 这样的 CSS 库，我可以以统一的方式设置 Riot 标签的样式，但是我必须将这个库用于我的所有应用程序或网站。

我想能够将这个标签作为一个模块发布，其他人只需将其导入他们的应用程序，而无需更改他们的 CSS 配置，在这种情况下，只需导入 Riot 和 Riot 标签。

我的问题是：有没有办法使用 CSS 库以统一的方式为我的所有 Riot 标签或组件设置样式，而不必为我的所有应用程序使用那个 CSS 库？

我是 RiotJS 的新手（昨天才发现）。我只是试着做一个没有用的小实验。我创建了两个标签文件（navbar.tag 和 dropdown.tag）。每一个都尽可能简单——只需一个带有文件名的 h3 标签：

在我的 index.html 页面上，我想将下拉标签嵌套在导航栏标签中，如下所示：

那行不通。导航栏显示，但不下拉。只有当我将两个标签分开时，两者都起作用——即，像这样：

知道如何在 html 页面中嵌套不同的标签。我知道您可以将它们嵌套在 .tag 文件中，但这不是我想要做的。我想要的是灵活地嵌套我在任何 html 页面上创建的自定义标签（就像我可以使用常规 html 标签一样）。

有任何想法吗？

谢谢。

有没有办法在 riot.js 代码中处理 Intellij IDEA 的警告，如下所示？

如果我写了类似的东西this.second = function() {}，它可以正常工作并且没有警告。但是我怎样才能写出没有此类警告的漂亮代码呢？

我找不到 IDEA 的 riot.js 插件。我还尝试在 JavaScript 设置中打开 ECMAScript 6，但没有帮助。有任何想法吗？

我正在尝试为前端应用程序学习基于组件的框架。目前，我正在使用 RiotJS，但它适用于任何使用相同概念的框架（React、Angular 2.0 等）。

在基本的 MVC 前端框架（例如 AngularJS）中，控制器和路由器之间的连接非常紧密。但是对于基于组件的框架，路由器和控制器之间的界限要宽得多。这是最让我困惑的地方。

这是我正在尝试构建的应用程序的一个示例：

我有三个主要的 UI 元素：导航栏、内容区域和登录表单。因此，我创建了三个组件：my-navbar、my-content、my-signin。我能够为每个组件创建多个路由。例如，如果路线发生变化，导航栏会更新活动的“模块”。这样做很容易，因为我所做的只是更改列表项的类别。

现在，我想在<my-content></my-content>. 在 AngularJS 中，我总是完全改变视图（使用 ui-router）。如何在基于组件的框架中实现这一点。假设我还有 2 个名为 my-content-users-list-view、my-content-users-detail-view 的组件。如何my-content根据路由将它们添加到组件中？我只是添加它document.innerHTML += '<my-content-users-list-view></my-content-users-list-view>吗？

我知道我的大部分语法都是 RiotJS，但如果你用另一个框架的语法编写它，我会理解它。

谢谢！

I am trying to create a simple dropdown list on riot. The issue is that I can't see the title and value from the dropdown. My code is:

我为 Bootstrap 4 开发 RiotJS 包装器。您可以在 Plunker 上查看一个实时示例。有一个自定义标签

我以以下方式使用它：<item>Action</item>. 得到以下输出：

有谁知道为什么会生成前 2 个空链接以及如何避免它们？

我有以下代码：

如果我在没有 JS 的情况下添加它，它可以工作：

如何使用 javascript 完成这项工作？标签被添加到DOM；但是，它没有更新。

编辑：小改动。