這是 Vugu 文檔中顯示的示例，但它似乎不起作用。 https://www.vugu.org/doc/dom-events不會調用 Toggle 函數。</head> <body> <div id="root"> <div> <div vg-if='c.Show'>I am here!</div> <button @click='c.Toggle()'>Toggle me Silly</button> </div> <components:Header></components:Header> <vg-comp expr="c.Body"></vg-comp> <components:Footer></components:Footer> </div> </body></html><script type="application/x-go">import "github.com/vugu/vgrouter"import "log"type Root struct { vgrouter.NavigatorRef Body vugu.Builder // main body content AutoReload bool // set to true during dev Show bool `vugu:"data"`}func (c *Root) Init(ctx vugu.InitCtx) { log.Println(c.AutoReload) log.Println(c.Show) }func (c *Root) Toggle() { c.Show = !c.Show log.Println(c.Show)}</script>
1 回答
冉冉說
TA貢獻1877條經驗 獲得超1個贊
如果您刪除與它相關的東西，vgrouter它會起作用。
</head>
<body>
<div id="root">
<div>
<div vg-if='c.Show'>I am here!</div>
<button @click='c.Toggle()'>Toggle me Silly</button>
</div>
</div>
</body>
</html>
<script type="application/x-go">
import "log"
type Root struct {
Show bool `vugu: "data"`
}
func (c *Root) Toggle() {
c.Show = !c.Show
log.Println(c.Show)
}
</script>
Check it: https://play.vugu.org/?p=H4sIAAAAAAAC_2yQwU7DMBBE7_sVU1_aIrW5I8fiyg1RPqCu4zoWTjZyN4Wq4t9RYhVExW12vG-0Y1213jaGAEAfuLkUOY9NPCM2tcrMon7929tf54c4h0081ku33bX8sTTPsB1an_1CV_9Dh1GEezy5FN37BL5xCMmv1ktTFDqPXUzpoquye3dLyaW7uchSSVetdMkQ6ZPLcRDIZfC1ssOQorMSua8-N4GVIYrdwFmgEgdFNO3hlVlwkjw6wXXOnarhwJywP49hfIRqrFi1py8iOo69w8rhYeLWuLXBFTNbPgY1FkXNZuKwfcmxl9Svir2esnRV7jXfAQAA__8KPfQspwEAAA%3D%3D
所以要注意如何添加vgrouter
- 1 回答
- 0 關注
- 132 瀏覽
添加回答
舉報
0/150
提交
取消