vue3+elementPlus:el-progress环形进度条自定义样式和文本

在属性里有:color自定义回调的颜色函数,

:percentage代表进度条(数量),如果有后端接口这里就放接口的数据

type="circle"是环形,

template是模板,用来封装自定义的样式或者数据

vue3+elementPlus:el-progress环形进度条自定义样式和文本_第1张图片

在el-progress里包裹一层template

里面用来自定义进度条和文本数据

 
 

{{ percentage }}个

{{ format.data }}

事件层

简单demo,根据数据自定义颜色


完整代码:

html层的重点:

①template模板里要放percentage

②如果有后端接口:percentage就放接口返回的数据







作者上一篇文章,

vue3+elementPlus:el-table表格里设置switch开关_意初的博客-CSDN博客vue3+elementPlus:el-table表格里设置switch开关。里面写v-model用来绑定字段。在开关外层用插槽包裹。用插槽包裹el-switch开关,v-model双向响应,js层,实战版本,请求后台接口版,与后台接口交互将数据传给el-table绑定的:data=>data.tableList,,注意:要数据里有changer这个字段。最后将请求函数挂载到vue视图上https://blog.csdn.net/weixin_43928112/article/details/127101774

你可能感兴趣的:(javascript,前端,vue.js,elementui,ecmascript)