<template>
  <div>
    <el-button type="text" @click="showDialog">{{scope.row.msgDat}}</el-button>
    <el-dialog
            title="全部"
            :modal="false"
            :visible.sync="dialogVisible"
            width="40%">
      <div style="width: 100%;overflow: auto">{{scope.row.msgDat}}</div>
    </el-dialog>
  </div>
</template>

<script type="text/javascript">
  export default {
    data () {
      return {
        dialogVisible: false
      }
    },
    props:{
      scope: {
        default: null
      },
    },
    methods:{
      showDialog () {
        this.dialogVisible = !this.dialogVisible
      }
    }

  }
</script>

<style lang="sass" rel="stylesheet/sass" scoped>

</style>