other / mew-iview

  <template>
      <div>

          <Button type="primary" @click="modal1 = true">Display dialog box</Button>

          <Button @click="hc">Click Me</Button>

          <Modal
                  v-model="modal1"

                  title="Common Modal dialog box title"

                  dragable

                  @on-ok="ok"
                  @on-cancel="cancel">

              <p>Content of dialog</p>
              <p>Content of dialog</p>
              <p>Content of dialog</p>

          </Modal>

      </div>
  </template>
  <script>
      export default {

          data () {
              return {
                  modal1: false
              }
          },

          methods: {

              ok () {
                  this.$Message.info('Clicked ok');
              },
              cancel () {
                  this.$Message.info('Clicked cancel');

              },
              hc () {
                  this.$Message.info('Hello');

              }
          }
      }
  </script>