网站推广公司汉狮网络,吴中区网站建设,南部县网站建设公司,网易企业邮箱登录登录入口value-key 的值必须是对象中一个唯一的标识#xff0c;类似于:key的意义#xff0c;但是可以不跟Key一样#xff0c;一般用一样的即可 因为选择的是一个对象#xff0c;回显时也应该是一个对象#xff0c;对象中至少有id#xff0c;用于与value-key进行匹配 完整示例
类似于:key的意义但是可以不跟Key一样一般用一样的即可 因为选择的是一个对象回显时也应该是一个对象对象中至少有id用于与value-key进行匹配 完整示例
templatediv classm-4!-- value-key 的值必须是对象中一个唯一的标识类似于:key的意义但是可以不跟Key一样一般用一样的即可。:valueitem 切换事件拿到的就是item对象--el-select v-modelvalue value-keyid placeholder请选择月份 stylewidth: 240px changehandleChangeMonthel-option v-foritem in options :keyitem.id :labelitem.label :valueitem //el-selectp月份:{{ value ? value.label : 未选择月份 }}/p/div
/templatescript setup
import { ref } from vue;//因为选择的是一个对象回显时也应该是一个对象对象中至少有id用于与value-key进行匹配
const value ref({ id: 3, label: 3月 });
const options ref([{ id: 1, label: 1月 },{ id: 2, label: 2月 },{ id: 3, label: 3月 },{ id: 4, label: 4月 },{ id: 5, label: 5月 },{ id: 6, label: 6月 },{ id: 7, label: 7月 },
]);// 切换月份事件-拿到选中的整个对象
const handleChangeMonth (val) {console.log(val); // {id: 4, label: 4月}
};/script