js文件獲取vue文件中的值

組件index.vue中引入接口文件index.js，接口文件index.js中需要獲取組件index.vue日期選擇器中的日期 dateSel 來當作接口的日期參數

index.vue:

<el-date-picker
        v-model="dateSel"
        size="mini"
        type="date"
        :editable="false"
        :clearable="false"
        :picker-options="pickerOptions"
        placeholder="選擇日期"
        format="yyyy-MM-dd"
        value-format="yyyy-MM-dd"
      </el-date-picker>

<script>

import { findResourceUse } from './api/index'

const dateApi = require('./api/index').default
export default({
data () {
    return {
      dateSel: global.today,
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        }
      },
      
  },
created() {
    dateApi.sendThis(this)
  },
})
</script>

index.js:

const findResourceUseInfo = `${wzUrl}/rmdistributecenter/findResourceUse` // 不重要的接口

let dateS = null
const sendThis = (_this)=> {
  dateS = _this
}
export default {
  sendThis // 暴露函數
}

export function findResourceUse (params) {
  return req({
    url: `${findResourceUseInfo}?orderDate=${dateS.dateSel}`,
    method: 'get',
    params: params
  })
}

調用組件中的方法也是一樣的操作 

參考鏈接：https://www.jb51.net/article/195714.htm