# 搜索
---
<span class="tit-desc">显示当前页面在系统层级结构中的位置，并能向上返回，当系统拥有超过两级以上的页面层级时使用。</span>


### 基础用法

<div class="demo-block k-row">
  <Form label-width="106" inline="inline" class="demo-form-inline">
    <FormItem label="标题内容占位">
      <y-input placeholder="请输入" v-model="value"></y-input>
    </FormItem>
    <FormItem>
      <y-button>搜索</y-button>
      <y-button type="gray" style="margin-left: 10px;height: 32px;background-color: #fff;border: 1px solid #ccc;;" @click="reset()">重置</y-button>
    </FormItem>
  </Form>
</div>
<script>
export default{
		data(){
			return{
				value:''
			}
		},
    methods:{
     reset:function(){
     	this.value = '';
     }
    }
}
</script>

::: demo

```html
<template>
  <Form label-width="106" inline="inline" class="demo-form-inline">
    <FormItem label="标题内容占位">
      <y-input placeholder="请输入"></y-input>
    </FormItem>
    <FormItem>
      <y-button>提交</y-button>
      <y-button type="gray" style="margin-left: 10px">取消</y-button>
    </FormItem>
  </Form>
</template>
```
:::