TextJson json 文本转换框 #

<template>
  <div>
    <TextJson
      v-model="the.body"
      placeholder="请输入json"
      rows="15"
      @onEvent="onEvent"
    />
  </div>
</template>

<script>
export default {
  setup(props, context) {
    // 使用外挂方式引入，具体查看demo
    const $plus = window.$plus;
    const { reactive } = $plus.vue;

    const the = reactive({
      body: { a: 1, b: 2, c: 'test' },
    });

    const onEvent = (resp) => {
      console.log('json', resp);
    };

    return { the, onEvent };
  },
};
</script>