Question

我似乎无法弄清楚如何将我的变量传递到自定义元素的类，ID或数据属性中。

<ub-item class="item cssV2 { opts.status }" id="{ opts.id }" data-link="{ opts.url }">

opts.status，opts.id和opts.url如果我在<p>之类的元素中传递它们都可以工作，但是如何将变量传递给属性？ HTML输出将它们包含为字符串。

Answer 1

应使用以下代码创建将在标签中使用的变量：

<mytag>
 <p class="{ myclass: show }" id="{ myid }" data-link="{ mydata }">Example</p>

 <script>
   this.mydata = 'foo'
   this.myid = 'bar'
   this.show = true
 </script>
</mytag>

这将呈现为：

 <mytag>
  <p class="myclass" id="bar" data-link="foo">Example</p>
 </mytag>

Answer 2

我的猜测，因为我恐怕没有提供进一步的信息。

也许您只需要将选项分配给self / this以使其可用于视图。

self = this
self.opts = opts

如果参数是chaning：

self.on('update', function(){
  self.opts = opts
})

如何将变量传递到RiotJS中的类，ID或数据属性？

2 个答案: