请写一个基于vue3的naiveUI的选择器例子,且选择后会显示选项
时间: 2023-03-28 12:01:48 浏览: 153
好的,以下是基于vue3的naiveUI的选择器例子:
<template>
<n-select v-model="selectedOption" placeholder="请选择">
<n-option v-for="(option, index) in options" :key="index" :value="option">{{ option }}</n-option>
</n-select>
<div v-if="selectedOption">你选择了:{{ selectedOption }}</div>
</template>
<script>
import { defineComponent, ref } from 'vue'
import { NSelect, NOption } from 'naive-ui'
export default defineComponent({
components: {
NSelect,
NOption
},
setup() {
const options = ['选项1', '选项2', '选项3']
const selectedOption = ref(null)
return {
options,
selectedOption
}
}
})
</script>
当你选择一个选项后,下方会显示你选择的选项。希望这个例子对你有帮助!
阅读全文