为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我添加的数据无法显示到list页面上???

<template>

<div>

<p>标题</p>

<input type="text " v-model= "title" >

<p>内容</p>

<input type="text" v-model= "content"><br>

<button  @click="add">添加</button>

</div>

</template>


<script>    

import store from '@/store'

import { stat } from 'fs';

export default {

data (){

return{

title:"",

content:""

}

},

methods:{

add(){

store.commit("addItems", {

title:this.title,

content:this.content

},

this.title= "" ,

this.content=""

)

}

}

}

</script>

上面是我的add页面的相关代码


下面是我store.js的代码

https://img1.sycdn.imooc.com//5d2dc8300001c38804040554.jpg

然后是我list页面的代码

https://img1.sycdn.imooc.com//5d2dc86300014a8105900618.jpg

正在回答

2 回答

有没有错误提示?

在add方法里面加个debbugger断点

点击了add之后,断点执行,然后去看看dev-tools

0 回复 有任何疑惑可以回复我~
#1

weixin_慕雪8245307 提问者

找到了,里面没有加push直接切换到list路由
2019-07-18 回复 有任何疑惑可以回复我~

目前代码问题不大,你确定?你的store.js在你的src目录下?一定要在src目录下才可以使用@代替

0 回复 有任何疑惑可以回复我~
#1

weixin_慕雪8245307 提问者

问题找到了,按钮上忘了加事件,push到list 路线
2019-07-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我添加的数据无法显示到list页面上???

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信