Stage 5 3. Micro Services [online] studies _day03 CMS page management development _03- custom query page - the front

Drop-down selection box

<!‐‐查询表单‐‐>
<el‐form :model="params">
<el‐select v‐model="params.siteId" placeholder="请选择站点">
<el‐option
v‐for="item in siteList"
:key="item.siteId"
:label="item.siteName"
:value="item.siteId">
</el‐option>
</el‐select>
页面别名:<el‐input v‐model="params.pageAliase" style="width: 100px"></el‐input>
<el‐button type="primary" v‐on:click="query" size="small">查询</el‐button>
</el‐form>


The default initialization data to write data in the mounted hook function

drop-down box and PageAlias input box

params parameter increases siteId and pageAliase

above the drop-down and text boxes by v-model two-way bound siteId and pageAliase


the json objects assembled into a key -value form. Here we use this tool class querystring



test










 

Guess you like

Origin www.cnblogs.com/wangjunwei/p/11566772.html