vue工作总结
分类:javascript
过滤器的应用
- 插值表达式中应用
{{scope.row.createTime | formatDateTime}}
filters: {
formatDateTime(time) {
if (time == null || time === '') {
return 'N/A';
}
let date = new Date(time);
return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
}
},
$confirm then()中无法使用await
$confirm then中的异步请求
在$confirm中需要点击确定之后再执行某些操作,最开始我是直接写在methods的方法前面,但是直接报错Can not use keyword ‘await’ outside an async function(不能在异步函数外使用关键字’await’),所以判断await所在的区域不是异步函数,需要把async放到then()里面即可
el-select 配合value-key="id" 使用及回显
项目中后端需要传当前option的id和name,所以通过以下方式传递,参考地址:www.cnblogs.com/yxkNotes/p/…
<el-form-item label="反馈内容">
<el-select v-model="fankui_contentobj" class="shutiao" value-key="id" @change="selectSubjectItem($event)">
<el-option v-for="item in fkcontentType" :key="item.id" :label="item.name" :value="item" />
</el-select>
</el-form-item>
data() {
return {
fankui_contentobj: { id: '' }, // v-model绑定的是对象时,select 有value-key="id" 时
}
}
methods:{
init(){//回显
for (const key in this.form) {
this.form[key] = this.info[key]
}
// 处理反馈内容和类型
this.fankui_contentobj.id = this.info.fankui_content
},
selectSubjectItem(event) {
console.log('event', event)
this.form.fankui_content = event.id
this.form.fankui_content_text = event.name
},
}
JSON
JSON字符串转换成JSON对象 var obj = JSON.parse(str)
JSON对象转换成JSON字符串 var str = JSON.stringify(obj)
JSON方式拷贝对象 Json.parse(Json.stringify(obj))
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu