我正在使用带有限制日期的类星体日期组件。文档中说要使用数组或函数提供的options
prop。
<template>
<div class="q-pa-md">
<div class="q-gutter-md">
<q-date
v-model="date"
:options="options"
/>
<q-date
v-model="date"
:options="optionsFn"
/>
<q-date
v-model="date"
:options="optionsFn2"
/>
</div>
</div>
</template>
<script>
export default {
data () {
return {
date: '2019/02/01',
options: [ '2019/02/01', '2019/02/05', '2019/02/06', '2019/02/09', '2019/02/23' ]
}
},
methods: {
optionsFn (date) {
return date >= '2019/02/03' && date <= '2019/02/15'
},
optionsFn2 (date) {
const parts = date.split('/')
return parts[2] % 2 === 0
}
}
}
</script>
问题是我无法在optionsFn
函数中传递任何其他参数。
1条答案
按热度按时间js81xvg61#
由于
options
接受函数调用,但您传递的是options=
,该函数的返回结果是不允许的,因此您可以将其修复为:options="date => optionsFn(date, 'test ')"
,它将按您所需的方式工作