下拉框:value的作用例子

阅读 63

2022-07-12

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)

0 0 举报