Arrays 无法清空Vue计算数组属性
嘿 我想在watch中更改Vue计算数组,但它不会将其清空。数组推送正在工作,但在此之前,截断没有工作 有什么问题吗?有什么想法吗 谢谢Arrays 无法清空Vue计算数组属性,arrays,vue.js,watch,Arrays,Vue.js,Watch,嘿 我想在watch中更改Vue计算数组,但它不会将其清空。数组推送正在工作,但在此之前,截断没有工作 有什么问题吗?有什么想法吗 谢谢 var vm = new Vue({ el: '#form', data: { form: { strFirstName: null, strLastName: null, strPhone: null, numStartTime:
var vm = new Vue({
el: '#form',
data: {
form: {
strFirstName: null,
strLastName: null,
strPhone: null,
numStartTime: 11,
numEndTime: 18
}
},
computed: {
rowEndTime: function() {
var rowTime = [];
for (var i = 11; i < 19; i++) {
rowTime.push(i);
}
return rowTime;
}
},
watch: {
'form.numStartTime': function(numNewStartTime) {
this.rowEndTime = [];
for (var i = numNewStartTime; i < 19; i++) {
this.rowEndTime.push(i);
if (this.form.numEndTime <= numNewStartTime) {
this.form.numEndTime = numNewStartTime;
}
}
}
}
});
var vm=new Vue({
el:'表格',
数据:{
表格:{
strFirstName:null,
strLastName:null,
斯特phone:null,
numStartTime:11,
纽曼时间:18
}
},
计算:{
rowEndTime:function(){
var rowTime=[];
对于(变量i=11;i<19;i++){
划船时间。推(i);
}
返回时间;
}
},
观察:{
“form.numStartTime”:函数(numNewStartTime){
this.rowEndTime=[];
对于(var i=numnewstartime;i<19;i++){
这个.rowEndTime.push(i);
如果(this.form.numEndTime这就是计算属性的用途-
您只需查看computed属性函数中的一些值
就你而言:
computed: {
rowEndTime: function() {
var rowTime = [];
for (var i = this.form.numStartTime; i < 19; i++) {
rowTime.push(i);
}
return rowTime;
}
}
计算:{
rowEndTime:function(){
var rowTime=[];
for(var i=this.form.numStartTime;i<19;i++){
划船时间。推(i);
}
返回时间;
}
}
您应该从数据
属性而不是计算属性推送/截断数据。