vue 点击textarea弹出dialog 再返回dialog的值

你可以在点击 textarea 的时候，触发一个方法弹出 dialog，然后在 dialog 中输入内容并点击确定按钮时，把输入的内容作为参数调用一个回调函数，将参数传递回来，最后在回调函数中将参数赋值给 textarea。

具体代码如下：

<template>
  <div>
    <textarea @click="showDialog"></textarea>
    <Dialog v-model="dialogVisible" @confirm="handleConfirm"></Dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      textareaValue: ''
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true
    },
    handleConfirm(value) {
      this.textareaValue = value
      this.dialogVisible = false
    }
  }
}
</script>

在上面的代码中，我们在点击 textarea 时触发 showDialog 方法弹出 dialog，然后在 dialog 中输入内容并点击确定按钮时，调用 handleConfirm 方法将输入的值作为参数传递回来，并将参数赋值给 textareaValue 变量。最后，我们在模板中将 textarea 的值绑定到 textareaValue 变量上即可。