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()里面即可

image.png

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

回复

我来回复
  • 暂无回复内容