From 7b36fd811f057905f353d7676ac14d935cfd4713 Mon Sep 17 00:00:00 2001
From: 刘汉宸 <liuhanchen@zeyihuoyun.com>
Date: Tue, 16 Jun 2020 19:56:16 +0800
Subject: [PATCH] docs: 更新Form组件文档

---
 examples/views/docs/component/form.md | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 70 insertions(+), 0 deletions(-)

diff --git a/examples/views/docs/component/form.md b/examples/views/docs/component/form.md
index 2937d81..56339ea 100644
--- a/examples/views/docs/component/form.md
+++ b/examples/views/docs/component/form.md
@@ -184,6 +184,76 @@ export default {
 
 :::
 
+## 自定义渲染
+
+对于一些特殊渲染逻辑的表单项，可以进行自定义渲染
+
+<div class="code-snippet-box">
+
+::: snippet 通过`render`方法渲染
+
+```html
+<template>
+  <div>
+    <pre class="demo-model">{{ model }}</pre>
+    <z-form v-model="model" :list="list" label-width="80px"></z-form>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: { name: '', age: '' },
+      list: [
+        { type: 'el-input', label: '姓名', key: 'name' },
+        { type: 'el-input', label: '年龄', key: 'age', type: (h, { model, config }) => { return h('el-input-number', config, model.age) }, props: { 'controls-position': 'right' } },
+      ]
+    }
+  },
+}
+</script>
+```
+
+:::
+
+::: snippet 通过`slot`插槽渲染
+
+```html
+<template>
+  <div>
+    <pre class="demo-model">{{ model }}</pre>
+    <z-form v-model="model" :list="list" label-width="80px">
+      <template slot="name">
+        <el-radio v-model="model.name" label="zs">张三</el-radio>
+        <el-radio v-model="model.name" label="ls">李四</el-radio>
+      </template>
+      <template slot="age">
+        <el-slider v-model="model.age"></el-slider>
+      </template>
+    </z-form>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      model: { name: 'zs', age: 0 },
+      list: [
+        { type: 'el-input', label: '姓名', key: 'name' },
+        { type: 'el-input', label: '年龄', key: 'age' },
+      ]
+    }
+  },
+}
+</script>
+```
+
+:::
+
+</div>
+
 ## API
 
 ## Attribute 属性
--
libgit2 0.21.0