vue 市区联动下多项选择区县时的存值问题

根据市的选择展示对应的区县，然后多选区县进行值得保存。
我的步骤是引入本地的市区的json=》city.json 和area.json

import cityJson from '../../assets/cityJson.json';
import areaJson from '../../assets/areaJson.json';

 

然后遍历cityJson的市的每一项

 

change方法是下面这个，遍历出来的区县跟编译后有个区别值 [data-v-2…]

 methods:{
        giveSelectChange(){
            const cityVal=this.giveCitySelect;
            $(".ReInfor-area").empty();
            $.each(areaJson,
                function(j, k) {
                    if (k.cod == cityVal) {
                        $(".ReInfor-area").append("
"+ k.anam +"
")
                    }
                });
                 $(".ReInfor-area li").click(function(){
                        console.log(this, this.find("span"))
                        this.find("span").addClass("area-active");
                    //   this.find("span").attr("attr","1")
                    })
        },
}

最后在方法里面不能用find，说是未定义。。。
$(".ReInfor-area li").click的点击事件都生效了
jquery版本我引入的是3.4.1的

 

 

我想的是选择对应区县然后保存0或1进数据库，读数据的时候再根据0或1标记
请问各位大神有啥好的解决方法吗
感谢