问题标签 [riot.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
584 浏览

javascript - Webpack 不解析 riot js 文件

我最近在我的应用程序中实现了 webpack,并尝试加载所有通过 srcipt src 标签转换为 js 的标签文件。仍然 riot js 无法挂载标签文件..任何解决方案都一样吗?

当我手动加载 login_form.js 文件时,riot 能够正确读取它。

HTML:

0 投票
1 回答
534 浏览

javascript - riot js this.update 奇怪的行为

我有一个简单的代码

在我的 app.js 中,我只需要 riot,test.tag 并且riot.mount('#root', 'test'); 这是初始化屏幕,为什么在 mount 之前触发更新? 在此处输入图像描述 当我第一次点击时,它记录了更新触发但视图没有重新渲染 在此处输入图像描述 ,第二次点击后,事件更新触发并重新渲染了视图 在此处输入图像描述 在此处输入图像描述

如果我this.update();在承诺中取消注释,事件更新将触发两次

upd:如果删除this.books = books和写入this.update({books});事件更新将触发两次,并且渲染将起作用,但为什么是 2 次???

0 投票
3 回答
609 浏览

jquery - Riot.js 事件处理程序给出 Uncaught TypeError 并且 DOM 没有正确更新

我正在开发一个使用 Riot.js、Materialize.css 和 jQuery 的项目(主要是因为 Materialize 组件)。当我尝试使用 Riot.js 为任何元素创建事件处理程序时,我会在触发时收到 Uncaught TypeError 并且之后 DOM 不会正确更新。我尝试了很多方法来解决这个错误,但没有解决这个问题。我对问题的最佳猜测是 Riot.js 和 jQuery(以及 Materialize?)以某种方式同时与 DOM 混淆,这会导致同步问题。这一直困扰着我很长一段时间,并阻碍了网站的进展,因此非常感谢任何帮助!

Riot.js 版本:2.5.0

Materialize.css 版本:0.97.7

jQuery 版本(由 Materialize.css 提供):2.1.4

这是 Chrome 控制台的堆栈跟踪输出:

这是我的index.html(精简到相关信息):

这是我的招聘-form.tag(精简到相关信息):

0 投票
2 回答
164 浏览

javascript - 为什么我的 Riot.js 标记只有一个呈现?

我有一个相对简单的页面,它从 CDN 加载 Riot.js,从本地脚本文件加载 RiotControl,从文件加载 RiotControl Store,以及两个自定义标签custom-acustom-b.

标签正在安装——console.log两个标签文件中的行显示——并且事件被正确路由(再次通过 证明console.log)。但是,在第一个自定义标签呈现后没有任何内容:custom-a如果它在顶部则custom-b显示,如果它在顶部则显示,但<p>它们之间的不呈现,如果它在那里则不呈现。

我认为这可能是 CSS 的问题,所以我从页面中删除了语义 UI 链接,但这除了样式之外没有任何区别。

有任何想法吗?

0 投票
1 回答
1075 浏览

javascript - 未捕获的 ReferenceError:调用 riot 函数时未定义函数错误

我将数据插入到 HTML 中,如下所示:

我正在尝试将span标签转换为textareaon mouseclick,以便用户可以像这样编辑文本:

问题是当用户在编辑文本后离开 textarea 时,它会抛出该focusGone函数未定义的错误:

我如何在 riotjs 中完成这项工作?

0 投票
1 回答
267 浏览

riot.js - 编译和安装的标签似乎没有更新

在编译并安装一个读取从其父级传递的 opts 属性的标签后,当传递的 opts 更新时,我无法让孩子读取要更新的属性。

要查看问题的演示,请运行:

当您增加计数器时,未编译的计数器将更新,

但是编译的不会

我怎样才能得到这个更新?

在此先感谢您的帮助

0 投票
1 回答
465 浏览

javascript - 产量内的 RiotJS 标记未更新

我在使用产量和更新标签时遇到问题,请参阅示例http://codepen.io/Pysta/pen/pEyoBY

如果我立即加载数据(带有“self.items = [];”的注释行),它会按预期工作,但是当我发出请求并异步更新它时,没有任何变化。

如果我从 maintag 中删除 yieldtag,它就可以工作。

任何帮助/建议表示赞赏。

0 投票
1 回答
764 浏览

javascript - riot.js 嵌套标签 - 如何使用 jquery 选择内部 html 元素?

我有一个包含嵌套标签的防暴标签...例如:

现在,我想使用 Materialize 库和 jquery 使列表物化设计,例如在http://materializecss.com/forms.html 当“选择”标签位于父标签中时,它通常可以正常工作!

但是,我找不到在 $('select').material_select(); 子项中初始化命令的位置,因此子项标记中的选择标记不可见!。

我试图在父标签和子标签的 on('mount') 区域内对其进行初始化 - 但似乎 $('select') 选择器总是返回一个空数组 - 有什么想法吗?

0 投票
1 回答
255 浏览

javascript - 在javascript中删除对象时出错

从对象列表中删除对象时出现未定义的错误。

html:

js代码:

对象列表如下所示:

对象列表

删除第一个对象后,我尝试删除第三个对象,其抛出错误:

我确信循环逻辑有些问题,但我无法理解它。我哪里做错了?

更新:

我正在尝试从 DOM 中删除一个元素,并在单击时从 Javascript 对象中删除它的属性,如下所示:

在此处输入图像描述

0 投票
2 回答
248 浏览

javascript - 防暴选择器不起作用

我正在尝试做一个非常基本的 Riot 测试示例。我的 HTML 是(包括)如下:

的输出console.log只是tags []. 据我了解,它应该获取所有<recommendation>标签。

有什么想法吗?

谢谢!