时间转换成标准的时间格式:
new Date().toLocaleString();
时间加60分钟:
new Date(this.thisRunTime.setMinutes(this.thisRunTime.getMinutes()+60)).toLocaleString()
vue中list元素变更没有即时响应的处理:
app.$set(item,"status","INIT");
浏览器保存值,关闭后也可以拿到值:
localStorage.getItem('cacheCurrGroup');
localStorage.setItem('cacheCurrGroup', groupName);数组排序:
array.sort();
数组中是否存在元素:
arrTempGroupName.includes(item.groupName)
深拷贝:
JSON.parse(JSON.stringify(arrTempTask))
是否存在值:
arrTempGroupName.includes(item.groupName)
computed例子:
<div id="app">
<ul v-for="(item,index) in list">
<li :class="{red:item.score<100}">{{item.score}}</li>
</ul>
{{TotalScore}}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@latest/dist/vue.js"></script>
<script>
const app = new Vue({
//element缩写
el: '#app',
data: {
list:[
{subject:"语文",score:99},
{subject:"数学",score:100}
]
},
computed:{
TotalScore(){
return this.list.reduce((sum,item) => sum + item.score,0);
}
}
})
</script>computed计算属性有缓存,当页面上需要多次返回同样值的时候,并用方法好,方法是每次调用都重新运算一次。计算属性也可以修改,当需要修改的时候,需要用完整的写法:
computed:{
计算属性名:{
get{return 结果;}
set(修改的值){}//当计算属性值被重新赋值的时候,会触发这里
}
}