营销型网站建设五大内容,重庆网站建设找承越,wordpress标签自动,哈尔滨市做网站这个内容难在什么地方呢#xff1f; 我想要跳转到另一个页面的时候 如何保存当前的训练状态#xff0c;本来还想着加一个页面去管理进度的。然后想到了localstorage#xff0c;将一些信息存储到浏览器中去。
进度条展示 el-form-item label训练进度 v-show…
这个内容难在什么地方呢 我想要跳转到另一个页面的时候 如何保存当前的训练状态本来还想着加一个页面去管理进度的。然后想到了localstorage将一些信息存储到浏览器中去。
进度条展示 el-form-item label训练进度 v-showisTrainingdiv stylewidth: 300px; !-- 控制宽度 --el-progress:percentageprogress:stroke-width20statussuccess:stripedtrue:striped-flowtrue//div/el-form-itemimport {onMounted} from vue;onMounted(() {// 通过钩子函数 拿到进度和训练progress.value Number(localStorage.getItem(progress)) || 0;isTraining.value localStorage.getItem(isTraining) trueif (isTraining.value) {startPolling()}
})const isTraining ref(false) //是否进行训练const progress ref() //训练的进度const pollInterval ref(null) //定时器开始训练函数
localStorage.setItem(isTraining, true)
isTraining.value true
progress.value 0
startPolling();const startPolling () {pollInterval.value setInterval(() {progress.value 5;// 将进度保存到 localStoragelocalStorage.setItem(progress, progress.value);if (progress.value 100) {progress.value 0;localStorage.removeItem(isTraining)ElMessage.success(模型训练成功,请前往查看模型评价)isTraining.value falseclearInterval(pollInterval.value)pollInterval.value null}}, 1000)
}