form-item

src/components/form-item/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <el-form-item
+    class="item"
+    v-bind="{...$attrs, ...$props}"
+  >
+    <span class="name">输入内容</span>
+    <slot/>
+  </el-form-item>
+</template>
+<script>
+export default {
+  name: 'form-item',
+  mounted() {
+    console.log(this)
+  }
+}
+</script>
+<style lang="less" scoped>
+.item{
+  position: relative;
+  .name{
+    position: absolute;
+    font-size: 12px;
+    background-color: #fff;
+    padding: 3px;
+    top: -12px;
+    max-width: 90%;
+    margin: 0 5%;
+    z-index: 1;
+    height: 20px;
+    display: inline-block;
+    line-height: 20px;
+    color: #13817a;
+  }
+}
+</style>

src/components/install.js

@@ -4,11 +4,13 @@
  */
 
 import saveform from '@/components/save-form'
+import formitem from '@/components/form-item'
 import overflowtext from '@/components/overflow-text'
 
 export default {
   install(Vue) {
     Vue.component(saveform.name, saveform)
+    Vue.component(formitem.name, formitem)
     Vue.component(overflowtext.name, overflowtext)
   }
 }

src/views/save-form-test/index.vue

@@ -5,11 +5,11 @@
     </h2>
     <div class="m-core">
       <save-form ref="form" :model.sync="form" inline>
-        <el-form-item
+        <form-item
           prop="input"
         >
           <el-input v-model="form.input" placeholder="请输入内容"/>
-        </el-form-item>
+        </form-item>
         <el-form-item
           prop="input2"
         >