VUE 3 TS 2339 :属性xxx不存在于类型{

<template>
  <div id="PostText" class="col-12">
    <form id="postTextForm">
      <div id="PostwriteContent">
        <label for="PostContent">
          <h2>Lâchez nous vos pensées...</h2>
        </label>
        <textarea
          name="PostContent"
          id="PostContent"
          cols="65"
          rows="6"
          v-model="theNewPost.content"
          autocapitalize="sentence"
          form="postTextForm"
          maxlength="650"
          placeholder="Saisissez ici votre prose..."
          required
          autofocus
        ></textarea>
        <button class="col-9" type="button" :disabled="!isFormValid" @click="sendMyPost">Poster</button>
    </form>
</template>
<script lang="ts">
import axios from 'axios';
export default {
  data() {
    return {
    errorMessage: String,
      theNewPost: {
        content: String,
        userId: Number 
  methods: {
    sendMyPost(e:any){
      e.preventDefault();
      console.log("testPost >>" + this.theNewPost.content);
      console.log("theNewPost >>" + this.theNewPost);
      axios.post("http://localhost:3001/api/feed", this.theNewPost)
        .then((res) =>{ 
          console.log('Post en ligne ;)' + res)
        .catch((err) => {
          this.errorMessage = err.message;
          console.error("There was an error!", err);
  computed:{
    isFormValid(){
        this.theNewPost.content !== ""
        return true;
      } else {
        return false;
</script>

import { defineComponent } from 'vue'
export default defineComponent({
  data() { ... },
  methods: { ... },
  computed: { ... },
})

data() {
  return {
    errorMessage: '',

VUE 3 TS 2339 :属性xxx不存在于类型{

1 个回答