使用场景
地址区域选择
简单使用
安装依赖
npm install naive-ui -D
按需引入之-手动引入
import {NCascader,CascaderOption
} from 'naive-ui'
使用
<n-cascader:value="regionValue":options="regionOptions":multiple="false"placeholder="所在地区"remoteclearablecheck-strategy="child"@load="handleLoad"
/>
增加操作
这里我们是要对收货地址进行一个增加操作。 我们这里只针对所在地址进行说明。文章来源:https://www.toymoban.com/news/detail-668721.html
获取region
这里需要通过接口提前请求文章来源地址https://www.toymoban.com/news/detail-668721.html
const regionOptions = ref([])
// 获取区域列表
const getRegionList = async () => {// 获取region的接口const res = awa
到了这里,关于Naive UI 组件使用体验之-级联选择 Cascader的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!