kui-vue/components/drawer/demo/target.md

A high quality UI Toolkit built on Vue.js 2.0

<cn>
#### 植入目标元素
可以在目标元素内展开
</cn>

```vue
<template>
  <div ref="drawer-box" style="height:300px;position:relative;overflow:hidden">
    <Space>
      <RadioGroup v-model="placement">
        <Radio label="left" value="left"/>
        <Radio label="top" value="top"/>
        <Radio label="right" value="right"/>
        <Radio label="bottom" value="bottom"/>
      </RadioGroup>
      <Button @click="show=!show">Open</Button>
    </Space>
    <Drawer v-model="show" width="200" 
      :footer="null" 
      :placement="placement"
      :target="()=>$refs['drawer-box']">
      <p>something ...</p>
      <p>something ...</p>
      <p>something ...</p>
    </Drawer>
  </div>
</template>
<script>
export default{
  data() {
    return {
      show:false,
      placement:'left'
    }
  }
}
</script>
```