<template>
  <div>
    <h1>{{title}}</h1>
    <div >
      <el-row type="flex" justify="center">
        <el-col :span="15" >
          <el-card class="box-card" >
            <div style="min-height:500px">
                <p style="text-align:left">content:{{content}}</p>

            </div>
            
          </el-card>
        </el-col>
      </el-row>
    </div>

    <p>id:{{id}}</p>
    <!-- <button @click="getFuck()">123</button> -->
  </div>
</template>
<style scoped>

</style>

<script>
import store from "@/store"; //取出存储器里面的lists
export default {
  store,
  data() {
    return {
      title: "",
      content: "",
      id: ""
    };
  },
  methods: {
    getFuck() {}
  },
  mounted() {
    let x = this.$route.params.id;
    let ans = store.getters.getTodoById(x);
    console.log("ans" + ans);
    this.title = ans.title1;
    this.content = ans.content1;
    this.id = ans.id;
  }
};
</script>