<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.sqfzr"  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.mj" 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.fj" 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.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>