前端页面,跟Qt中一样,都是有布局设置的。
先布局,然后再在各布局中添加显示的内容。
Element网站布局容器:https://element.eleme.cn/#/zh-CN/componet/container
1.将element相应的布局容器代码layout,粘贴到vue项目中的自定义组件(页面)<template></template>标签的中的<div></div>标签中。
2.在layout标签中,添加相应的内容标签。
3.在script标签中,一是定义变量,二是在钩子函数中的mounted函数中,通过 axios从后端网址中异步获取数据,获取的数据赋值给定义的变量。而定义的变量默认是与<template>中的标签绑定的,此时就可以显示后端数据。