el-select v-model=floorvalue popper-append-to-body=false placeholder=请选择楼栋 el-option v-for=item in flooroptions key=itemvalue
这个错误是因为在模板中引用了一个未定义的属性或方法。解决办法是确保这个属性或方法在实例中是响应式的,可以在data选项中初始化它。
在你的代码中,storeyvalue属性没有被定义,所以需要在data选项中添加它:
data() { return { storeyvalue: '' } }
另外,还有一个错误是出现了重复的key值'6',这会导致更新错误。要解决这个问题,你可以将storeyoptions中的option6的value值修改为一个不重复的值,例如'6-1'。
修改后的代码如下:
data() { return { storeyvalue: '', storeyoptions: [] } }, created() { let self = this //老人定位选择楼层 if (self.floorvalue) { self.shiftFloor(self.floorvalue); } }, methods: { //老人定位切换楼层 shiftFloor(value) { console.log("老人定位选择楼层: ", value) let self = this; switch (value) { case '1': let option1 = [{ value: '1', label: '一层' }, { value: '2', label: '二层' }] self.storeyoptions = option1; break; case '2': let option2 = [{ value: '1', label: '一层' }, { value: '2', label: '二层' }, { value: '3', label: '三层' }, { value: '4', label: '四层' }, { value: '5', label: '五层' }, { value: '6', label: '六层' }, { value: '7', label: '七层' }, { value: '8', label: '八层' }] self.storeyoptions = option2; break; case '3': let option3 = [{ value: '1', label: '一层' }, { value: '2', label: '二层' }, { value: '3', label: '三层' }, { value: '4', label: '四层' }, { value: '5', label: '五层' }, { value: '6', label: '六层' }, { value: '7', label: '七层' }, { value: '8', label: '八层' }] self.storeyoptions = option3; break; case '4': let option4 = [{ value: '1', label: '一层' }, { value: '2', label: '二层' }, { value: '3', label: '三层' }, { value: '4', label: '四层' }, { value: '5', label: '五层' }, { value: '6', label: '六层' }, { value: '7', label: '七层' }, { value: '8', label: '八层' }] self.storeyoptions = option4; break; case '5': let option5 = [{ value: '1', label: '一层' }, { value: '2', label: '二层' }, { value: '3', label: '三层' }, { value: '4', label: '四层' }, { value: '5', label: '五层' }, { value: '6', label: '六层' }, { value: '7', label: '七层' }, { value: '8', label: '八层' }, { value: '9', label: '九层' }, { value: '10', label: '十层' }, { value: '11', label: '十一层' }, { value: '12', label: '十二层' }, { value: '13', label: '十三层' }] self.storeyoptions = option5; break; case '6': let option6 = [{ value: '1', label: '一层' }, { value: '2', label: '二层' }] self.storeyoptions = option6; break; } }
原文地址: https://www.cveoy.top/t/topic/iCRk 著作权归作者所有。请勿转载和采集!