svg圆形进度条circle实现

Vue.component('mysvg', {
    template: '#svg',
    props: ['num'],
    computed: {
        dashArrayWidth: function () {
            //计算周长
            var line = 2 * Math.PI * 80
            return {
                //stork-dasharray有两个参数，第一个代表虚线的宽度，第二个代表虚线两两的间隔
                start: '0,' + line,//开始状态
                end: line * (this.num / 100) + ',' + line * ((100 - this.num) / 100)//结束状态
            }
        }
    }
})