Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Arrays 无法清空Vue计算数组属性_Arrays_Vue.js_Watch - Fatal编程技术网

Arrays 无法清空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:

我想在watch中更改Vue计算数组,但它不会将其清空。数组推送正在工作,但在此之前,截断没有工作

有什么问题吗?有什么想法吗

谢谢

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);
}
返回时间;
}
}

您应该从
数据
属性而不是计算属性推送/截断数据。