自动获取当前用户名字和当前时间

我想在点击留言按钮的时候,自动获取当前用户的名字和当前的时间,并传入form中,请问怎么才能实现呢?

留言区域代码如下:

<el-form :model="Form"  ref="addFormRef">
        <el-form-item prop="messagein">
          <el-input type="textarea" :rows="5" placeholder="请输入留言~" maxlength="200" v-model="Form.messagein"></el-input>
        </el-form-item>
       <el-form-item>
         <el-button type="info" round class="submit-message" @click="submitMessage">留言</el-button>
       </el-form-item>
      </el-form>


Form: {
        username: '',
        messagein: '',
        mtime: '',
      },

submitMessage() {
      this.$refs.addFormRef.validate(async valid => {
        if (!valid) return;
        const {data: res} = await this.$http.post("addMessage", this.Form);
        if (res != "success") {
          return this.$message.error("留言失败~");
        }
        this.$message.success("留言成功~");
        this.getMessageList();
      });
    },

获取当前用户名的代码我使用的是下面的:

computed:{
    showUsername(){
      return Cookie.get('username')
    },
  },

根据你的代码,可以在submitMessage中添加获取用户名跟时间,再把两个信息添加到你的Form中就行了,代码如下

submitMessage() {
  // 获取当前用户名和时间
  const username = 'xxx'; // 当前用户名 'xxx'
  const mtime = new Date().toISOString(); // 当前时间转换为ISO格式

  // 将用户名和时间添加到Form对象中
  this.Form.username = username;
  this.Form.mtime = mtime;
  ……………………
}

希望可以帮到你