选项框

html

<div class="demo-line">
    <feng-select :options="items" :defaultSelected="item" :width="120" @change="changeItem"></feng-select>
</div>

javascript

import { ref } from "vue";

const item = ref("选项一");
const items = [
    "选项一",
    "选项二",
    "选项三",
    "选项四",
    "选项五",
    "选项六",
    "选项七",
    "选项八"
]

function changeItem(v){
    item.value = v;
    output(v);
}

属性

属性名	说明	默认值
options	选项列表	[]
defaultSelected	默认选中项	''
width	选项宽度	0

事件

属性名	说明
change	value改变事件