zoukankan      html  css  js  c++  java
  • element ui 时间选择器pickeroption里面this的指向问题

    pickerOptions: {
            disabledDate(time) {
              console.log(this) //undefined 拿不到vue实例
              console.log(_this.searchForm.timeValue)//可以拿到值
              console.log(_this) //vue实例
              const lastYearDate = new Date(getLastFormatYear(time)).getTime()
              //  console.log(lastYearDate,8888)
              return time.getTime() > new Date() || time.getTime() < lastYearDate
            }
          }
    disabledDate里面拿不到vue实例本身的,因为data是一个函数,pickerOptions属于函数里的一个属性,有关this和作用域的问题,这里需要增加this的指向问题

    解决方法一:可以在data里拿一下this:

    data() {
        var _this = this
        return {
        .....
        }    

    解决方法二:可以在computed写一个方法

    computed: {
        pickerOptions() {
          // 用计算属性
          let _this = this
          // 此时 this指向的就是vue实例
          return {
            disabledDate(time) {
              console.log(_this)//这里可以拿到this了
              return time.getTime() > Date.now()
            }
          }
        }
      }
  • 相关阅读:
    sqlite
    c++primer
    c++ std find_last_of
    c语言
    boost serialization
    ssh autologin
    c/c++文件相关
    AndroidTreeView等例子
    and
    解决Gradle 依赖下载慢以及android开发释放c盘空间及android虚拟机访问网络--以及访问本机
  • 原文地址:https://www.cnblogs.com/shj-com/p/13672044.html
Copyright © 2011-2022 走看看