0
点赞
收藏
分享

微信扫一扫

下拉框:value的作用例子

程序员伟杰 2022-07-12 阅读 63

value是前端真正传给后端的值,那么当:value="subject:id"时,我们定义一个@change事件

<!-- 二级分类 -->
<el-select
v-model="courseInfo.subjectId"
placeholder="二级分类" @change="subjectLevelTwoChanged">

<el-option
v-for="subject in subjectTwoList"
:key="subject.id"
:label="subject.title"
:value="subject.id"/>
</el-select>


...
methods: {
subjectLevelTwoChanged(value) {
alert(value)
},
}

当subjectLevelTwoChanged参数是value时:
下拉框:value的作用例子_二级
当subjectLevelTwoChanged参数是label时:

subjectLevelTwoChanged(label) {
alert(label)
},

下拉框:value的作用例子_二级_02
当修改:value="subject.title"

<!-- 二级分类 -->
<el-select
v-model="courseInfo.subjectId"
placeholder="二级分类" @change="subjectLevelTwoChanged">

<el-option
v-for="subject in subjectTwoList"
:key="subject.id"
:label="subject.title"
:value="subject.title"/>
</el-select>

...
subjectLevelTwoChanged(label) {
alert(label)
},

下拉框:value的作用例子_二级_03
所以这个例子很好的验证了value的作用


举报

相关推荐

0 条评论