我想在点击留言按钮的时候,自动获取当前用户的名字和当前的时间,并传入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;
……………………
}
希望可以帮到你