CV工程师
2024-07-02 10:37:47 阅读:216
最近在二开crmeb,其中前端遇到一个问题:在diy界面获取el-cascader
所选择的标签名称:
一般我们只能获取到它的id值,想要获取标签名称很简单,新增一个:
ref="cascaderArr"
<template>
<div class="slider-box">
<div class="c_row-item">
<el-col class="label" :span="4" v-if="configData.title">
{{ configData.title }}
</el-col>
<el-col :span="19" class="slider-box">
<el-cascader
ref="cascaderArr"
:options="configData.list"
placeholder="请选择商品分类"
v-model="configData.activeValue"
filterable
@change="sliderChange"
:props="{ multiple: false, checkStrictly: true, emitPath: false }"
clearable
></el-cascader>
</el-col>
</div>
</div>
</template>
在我们的@change
函数中写入两行代码即可获取:
methods: {
sliderChange(e) {
const checkedNode = this.$refs["cascaderArr"].getCheckedNodes();
let title = checkedNode[0].data.label
console.log(title)
},
评论
扫描二维码获取文章详情
更多精彩内容尽在:WWW.ZNGG.NET