'this.$refs.myProgress.updateFill()' is not a function

[gerryats]

I'm getting this error when I'm trying to update color of vue2-circle-progress component on data change by using updateFill() method of this component. But it gives me error. While the updateProgress() method is working fine.
Please help me with this.

[skinnyjames]

Hi @gerryats,
It looks like the new features weren't included in the built distribution. I updated this, and you should be able to install 1.2.1 and use the updateFill() method.

Apologies for any inconvenience.

[gerryats]

Thanks @skinnyjames...I'll install it

[gerryats]

Hi @skinnyjames
I installed new version and it seems to work but only when I use updateProgress() method right after it.
If I try to use only updateFill() method then it is not working.
Please look into it.

[skinnyjames]

Hey @gerryats
Can you write your example (use case)?
You should be able to trigger a fill change on any kind of event you wish.

[gerryats]

I'm using this module to show the progress of task in my website. Task has 4 state Complete,In Progress, Close and Overdue. I'm trying to change color of progress based on task state which I'm doing in watch hook of vue.
updateFill() is working in below case

//update task progress color
      if(this.task.STATUS == 'Overdue'){
        this.$refs.taskCircleProgress.updateFill("#ff0000");
      }
      else if(this.task.STATUS == 'Canceled') {
        this.$refs.taskCircleProgress.updateFill("#e5e5e5");
      }
      else{
        this.$refs.taskCircleProgress.updateFill("#5cb50b");
      }
      //update task progress
      if(this.task.STATUS == 'Completed')
        this.$refs.taskCircleProgress.updateProgress(100);
      else
        this.$refs.taskCircleProgress.updateProgress(this.task.dueDayCount);

[skinnyjames]

Hi @gerryats, could you tell me if updateFill works in the same block as updateProgress for the 'Completed' task?

[gerryats]

yes it works if I put it in the same block

[skinnyjames]

can we revisit this after #25 is merged? This will make the fill property reactive.