1.首先在组件中定义一个enter事件
<input type="text"
class="txt"
v-model="txt"
@keydown.enter="add"
/>
2.在data中定义双向绑定的内容
data() {
return {
txt:""
};
},
3.在methods判断数据是否为空,把他传入vuex中
methods: {
add(){
if(this.txt == ""){
alert('内容不能为空')
return;
}
var o ={
isCheck:false,
txt:this.txt
}
this.$store.commit('addArr',o)
this.txt=''
}
}
4.在vuex中接收传过来的数据并定义空的数组
state: {
arr:[],
all:false,
},
mutations: {
//添加
addArr(state,o){
state