问riot.js :动态添加标记并挂载它
EN

Stack Overflow用户

提问于 2016-11-17 07:32:48

回答 1查看 2.2K关注 0票数 3

我对riot.js非常陌生，也许我要求的是一件显而易见的事情。

如果我静态地添加标记，然后挂载它--一切都很完美。但是，如果我尝试使用JavaScript动态添加标记，我什么也看不到。我想我必须以某种方式挂载新创建的元素，但我不知道如何做到这一点。

<script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.6.7/riot+compiler.min.js"></script>
<body>
  <h1>
    testing riot.js
  </h1>
  
  <ol id="list">
    <li>
      <example></example>    
    </li>
    <li>
      <example></example>    
    </li>
  </ol>
  <button onclick="addTag()">Add tag</button>
  
  <script type="riot/tag">
  <example>
    <p>Welcome to Riot.js</p>
  </example>
</script>

<script>
	riot.mount('example');
  
  function addTag(){
  	var list = document.getElementById("list");
    var li = document.createElement('li');
    list.appendChild(li);
    
    var tag = document.createElement('example');
    li.appendChild(tag)
  }
</script>

</body>

javascript

riot.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-17 09:05:51

必须在将节点添加到DOM之后调用riot.mount：

function addTag(){
  var list = document.getElementById("list");
  var li = document.createElement('li');
  list.appendChild(li);

  var tag = document.createElement('example');
  li.appendChild(tag)
  riot.mount(tag, 'example');
}

票数 7

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40649073

复制

相似问题

问riot.js :动态添加标记并挂载它
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问riot.js :动态添加标记并挂载它EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问riot.js :动态添加标记并挂载它
EN