本文目录

Vue

GoEdge中页面渲染使用Vue v2.x.x版本。

变量

Action 中设置的变量,可以在页面和Javascript中直接使用,比如 admin.go

this.Data["admin"] = maps.Map{
	"id":              admin.Id,
	"fullname":        admin.Fullname,
	"username":        admin.Username,
	"isOn":            admin.IsOn,
	"isSuper":         admin.IsSuper,
	"canLogin":        admin.CanLogin,
	"countAccessKeys": countAccessKeys,
}

可以在 admin.html 中使用 {{admin.fullname}} 等变量:

<table class="ui table definition selectable">
    <tr>
        <td class="title">全名</td>
        <td>
            {{admin.fullname}}
        </td>
    </tr>
    <tr>
        <td>状态</td>
        <td>
            <label-on :v-is-on="admin.isOn"></label-on>
        </td>
    </tr>
</table>

可以在 admin.js 中使用 this.admin 变量:

Tea.context(function () {
	console.log(this.admin.fullname)	
})

组件

可以在 web/public/js/components.js 找到已经定义的Vue组件。

添加新组件后在调试模式下(go run ...)刷新页面即可生效(如果有浏览器缓存,请清除);在部署时运行 build/ 目录下的 build.sh 或者 generate.sh,可以重新生成 /web/public/js/components.js 文件。

GoEdge文档