vue3实现文本框内容上传

Vue3 可以通过 `v-model` 绑定文本框内容，然后使用 `axios` 库将内容上传到服务器。具体实现如下：

1. 在模板中添加文本框和上传按钮

<template>
  <div>
    <textarea v-model="text"></textarea>
    <button @click="upload">上传</button>
  </div>
</template>

2. 在 `data` 选项中定义 `text` 属性，并在 `methods` 选项中定义 `upload` 方法

<script>
import axios from 'axios';

export default {
  data() {
    return {
      text: '',
    };
  },
  methods: {
    upload() {
      axios.post('/upload', { text: this.text })
        .then(response => {
          console.log(response.data);
        })
        .catch(error => {
          console.error(error);
        });
    },
  },
};
</script>

3. 在服务器端处理上传请求

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.json());

app.post('/upload', (req, res) => {
  const text = req.body.text;
  // 处理上传的文本内容
  res.send('上传成功');
});

app.listen(3000, () => {
  console.log('服务器已启动');
});

这样就可以实现文本框内容上传了。注意，上传需要使用 POST 方法，且需要在服务器端进行处理。