URL Query

URL Query を利用した状態管理

項目

How it works

URL Query から状態を取得します。

State URI

URI query//{name}
Scheme query
Path 値のキー文字列を指定します。
Example query://basic

Example

StateSrc 属性に QueryStateURI を指定して、複数のコンポーネントで状態を共有します

入力後にURLが変化することを確認してください。

vue
<template>
  <c-input state-src="query://basic" />
  <c-label state-src="query://basic" />
</template>