首先,我想说我是Vue新手,这是我第一个使用Vue的项目.

我有一个组合框,我想根据所选的组合框做一些不同的事情.我使用单独的vue.html和打字文件. 以下是我的代码:

    <select name="LeaveType" @change="onChange()" class="form-control">
         <option value="1">Annual Leave/ Off-Day</option>
         <option value="2">On Demand Leave</option>
    </select>

这是我的Typescript 文件:

    onChange(value) {
        console.log(value);
    }

如何在我的TypeScript函数中获取所选选项值?谢谢.

推荐答案

使用v-model绑定所选选项的值.Here is an example美元.

<select name="LeaveType" @change="onChange($event)" class="form-control" v-model="key">
   <option value="1">Annual Leave/ Off-Day</option>
   <option value="2">On Demand Leave</option>
</select>
<script>
var vm = new Vue({
    data: {
        key: ""
    },
    methods: {
        onChange(event) {
            console.log(event.target.value)
        }
    }
}
</script>

here可以看到更多的参考.

Html相关问答推荐

如何使用wai-aria标签访问相关的复选框?

如何在Vim中删除Html标签?

在 Select 前后更改选项卡的背景

我怎样才能在我的网站上制作花哨的角落

当文本添加到元素中时,将元素拉到页面上

将导航项目底部边框与导航栏对齐

如何在VB.NET中用打印预览和直接打印的方式在Html中打印数据表的内容,包括页眉/设置纸张/方向/适合页面/总计

使用不同字体对齐元素

并排放置两个 div,同时 div2 环绕 div1

如何检测输入字段是否没有必填且没有占位符?

调整窗口大小时文本重叠导航栏

修复 Vue 3 Component 中的 CSS 以显示后面的 Select 器样式而无需 !important

我如何使用 CSS nth-child(odd) nth-child(even) 来对齐 CSS 网格中的列?