Mithril：不能m.redraw與m.render

我有一個應用程序，我想控制何時重繪視圖。Mithril：不能m.redraw與m.render

我可以使它工作使用m.mount和m.redraw：

var count = 0; 
 

 
var Counter = { 
 
    view: function() { 
 
     return m('main', [ 
 
      m('h1', ('Count: ' + count)) 
 
     ]) 
 
    } 
 
} 
 

 
m.mount(document.body, Counter); 
 

 
window.setInterval(function() { 
 
    count++; 
 
    m.redraw(); 
 
}, 200);

<html> 
 
<body> 
 
    <script src="https://unpkg.com/mithril/mithril.js"></script> 
 
    <script src="index.js"></script> 
 
</body> 
 
</html>

但是，如果使用m.render（因爲我並不需要祕銀來自動重），它不再有效：

var count = 0; 
 

 
var Counter = { 
 
    view: function() { 
 
     return m('main', [ 
 
      m('h1', ('Count: ' + count)) 
 
     ]) 
 
    } 
 
} 
 

 
m.render(document.body, m(Counter)); // <-- The only changed line 
 

 
window.setInterval(function() { 
 
    count++; 
 
    m.redraw(); 
 
}, 200);

<html> 
 
<body> 
 
    <script src="https://unpkg.com/mithril/mithril.js"></script> 
 
    <script src="index.js"></script> 
 
</body> 
 
</html>

如何在使用m.render而不是m.mount時使得mithril重繪？

來源

2017-09-14 ArneHugo

如前所述在祕銀文檔here：

注意m.redraw只能如果使用m.mount或m.route。如果通過m.render呈現，則應使用m.render重繪。

var count = 0; 
 

 
var Counter = { 
 
    view: function() { 
 
     return m('main', [ 
 
      m('h1', ('Count: ' + count)) 
 
     ]) 
 
    } 
 
} 
 

 
m.render(document.body, m(Counter)); 
 

 
window.setInterval(function() { 
 
    count++; 
 
    m.render(document.body, m(Counter)); // <-- Use m.render here, not m.redraw 
 
}, 200);

<html> 
 
<body> 
 
    <script src="https://unpkg.com/mithril/mithril.js"></script> 
 
    <script src="index.js"></script> 
 
</body> 
 
</html>

來源

2017-09-14 09:36:49 ArneHugo

Mithril：不能m.redraw與m.render

回答

相關問題