el-cascader点了第二次的值替换第一次的值，第三次替换上一次的值，以此类推？-灵析社区

满脑子智慧溢出

handleChangeareaCity(val) { let newitems = this.$refs['cascaderAddrs'].getCheckedNodes()[0].pathLabels const newInputValue = newitems[0] this.ruleForm.address = this.ruleForm.address + newInputValue }, newitems[0]是直接拿到了区县的值了，现在是点击了区县追加给给this.ruleForm.address，现在点了第一个是正常的，第二次点击会追加、第三次也是点也是会追加，这不是我想要的效果 想要的效果是 点了第一次的值，赋给this.ruleForm.address，点了第二次就把第一次的值替换，第三次替换上一次的值，大佬们这个 要怎么弄呢？

阅读量：201

点赞量：0

问AI
«"el-cascader" 点了第二次的值替换第一次的值，第三次替换上一次的值，以此类推» 从这个描述来看，一般来说就是失去响应式监听。因为现在只是局部的代码块，不知道你是从哪里失去的监听。 如果可以的话 "this.ruleForm.address = this.ruleForm.address + newInputValue" 这种赋值操作最好是用 "$set()" (https://link.segmentfault.com/?enc=IvBCxUbZRhr7adT%2Fd2gTXw%3D%3D.qeNKUVVmBxorM8C89CD%2B5MMNCf7yIjKAZIllA%2FCHQ3smt9ax2i%2Bxr7it3jaZCIuL) 来做。 因为如果 "this.ruleForm" 如果一开始没有 "address" 这个变量值，你这样直接赋值就不会被监听变更。