<template>
  <div>
    <table style="width: 100%;">
        <tr>
            <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">残疾类别</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.cjlb" name="title"
                            autocomplete="off" placeholder="残疾类别" class="layui-input">
                    </div>
                </div>
            </td>
            <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">残疾等级</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.cjdj" name="title"
                            autocomplete="off" placeholder="残疾等级" class="layui-input">
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">残疾证号</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.cjzh" name="title"
                            autocomplete="off" placeholder="残疾证号" class="layui-input">
                    </div>
                </div>
            </td>
            <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">监护人</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.jhr" name="title"
                            autocomplete="off" placeholder="监护人" class="layui-input">
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">联系电话</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.jhrlxdh" name="title"
                            autocomplete="off" placeholder="联系电话" class="layui-input">
                    </div>
                </div>
            </td>
               <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">致残时间</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.jtzz" name="title"
                            autocomplete="off" placeholder="致残时间" class="layui-input">
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td >
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">备注</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.bz" name="title"
                            autocomplete="off" placeholder="备注" class="layui-input">
                    </div>
                </div>
            </td>
        </tr>
    </table>
  </div>
</template>

<script>
  module.exports = {
        data: function() {
            return {
                  datax: this.dataxself
            }
        }, 
        props:["dataxself"],
        methods:{

        },
        computed:{
             datax:{
                 set:function(value){
                      this.dataxself=value;
                      console.log(value);
                 },get:function(){
                      return this.dataxself;
                      console.log(this.dataxself);
                 }
             }
        },
        mounted(){//挂载的时候执行
            console.log(this.dataxself); 
        }
  }
</script>
<style scoped>

</style>
