有没有办法在 Vue DatePicker 中设置选定的选项?
Posted
技术标签:
【中文标题】有没有办法在 Vue DatePicker 中设置选定的选项?【英文标题】:Is there any way to set selected option in Vue DatePicker? 【发布时间】:2021-11-11 10:46:30 【问题描述】:我正在使用 Vue Material - 在我的 vue js 项目中选择组件。我想动态设置组件的选定值。我浏览了文档https://www.creative-tim.com/vuematerial/components/select,但找不到我正在寻找的解决方案。有什么方法可以完成这个任务。
提前谢谢你
【问题讨论】:
在 data 中为v-model
设置值,如文档中的示例所示:movie: 'godfather'
【参考方案1】:
<template>
<md-field class="box">
<label for="movie">Movie</label>
<md-select v-model="movie" name="movie" id="movie">
<md-option v-for="opt in options" :key="opt.value" :value="opt.value">
opt.name
</md-option>
</md-select>
</md-field>
</template>
<script>
export default
name: "BasicSelect",
data: () => (
movie: "",
options: [
value: "fight-club", name: "Fight Club" ,
value: "godfather", name: "Godfather" ,
value: "scarface", name: "Scarface" ,
],
),
mounted()
// Here we set default selected value, you can change it any time
this.movie = this.options[0].value;
,
;
</script>
【讨论】:
以上是关于有没有办法在 Vue DatePicker 中设置选定的选项?的主要内容,如果未能解决你的问题,请参考以下文章
在新的 Material DatePicker 中设置标题颜色
在 DatePIcker 中设置 MinDate 和 MaxDate