vue下拉框值改变_VUE 两级联动下拉框，做数据修改时，第二个下拉框不显示值...

问题描述

VUE 两级联动下拉框，做数据修改时，第二个下拉框不显示值

1.第二个下拉框的List是由第一个下拉框的值决定的，即选了第一个下拉框的值，加载第二个下拉框的List

类似于选了省份，再选城市

2.做数据修改时，用Vue把要修改的行给模板，然后第二个下拉框不限制。

问题出现的环境背景及自己尝试过哪些方法

1.做修改时，我先加载了的哥下拉框的List，但是好像加载不出来。

下面的代码，我用省份和城市做类子，我的代码也是这样写的。

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

省份：

{ { option}

接口名

{ { item }}

var data = {

provices:[], //页面初始时加载进来

citys:[], //根据provice再查询拿到list

steprowtemplate:{provice:'',city:''}, //模板

steprows: [], //列表

operationType:"新增"，

},

var vm = new Vue({

el: '#demo',

data: data,

methods: {

threeChange: function (s) {

vm.citys = [];

var $