ステージ5 3.マイクロサービス[オンライン]の研究_day03 CMSページ管理開発_03-カスタムクエリページ - フロント

ドロップダウン選択ボックス

<!‐‐查询表单‐‐>
<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>


取り付けられたフック関数にデータ書き込むためのデフォルトの初期化データ

のドロップダウンボックスとPageAlias入力ボックス

のparamsパラメータは、のsiteIdとpageAliaseを増大

Vモデルの双方向結合のsiteIdにより、ドロップダウンとテキストボックスの上とpageAliase


キー-値に組み立てJSONオブジェクトをフォーム。ここでは、このツールのクラスのクエリ文字列を使用します



テスト










 

おすすめ

転載: www.cnblogs.com/wangjunwei/p/11566772.html