vue.js - 有没有办法在 Vue DatePicker 中设置选定的选项?
问题描述
我正在使用 Vue Material - 在我的 vue js 项目中选择组件。我想动态设置组件的选定值。我浏览了文档https://www.creative-tim.com/vuematerial/components/select并找不到我正在寻找的解决方案。有什么办法可以完成这个任务。
先感谢您
解决方案
<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>
推荐阅读
- amazon-web-services - 哪个服务的响应时间较短?SQS 与 DynamoDB
- java - 如何读取或打印 BufferedReader (InputStreamReader)
- vue.js - 为什么未定义具有道具初始值的数据中声明的字段?
- google-cloud-platform - 谷歌云站点在安装 2 小时后出现“504 网关错误”
- c++ - 在 C++ 中的用户回调期间遇到未处理的异常
- spring - 使用弹簧批处理作业加载数据时如何避免重复值?
- django - 如何为多项选择过滤器生成模式?
- reactjs - 如何将 api 调用中的值传递给 reducer 中的 initialState
- spring-boot - 空手道:如何使用 YAML 文件而不是 application.properties 配置空手道模拟 servlet?
- sql - 查询/结果中的 SQL Server + Eloquent 转换日期时间