Vugu (Go) 框架：@click 事件不起作用
这是 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回答
-
冉冉说
如果您删除与它相关的东西，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
随时随地看视频慕课网APP
Go