两个select框的联动

实现效果

        在第一个select框选择某一个值后,第二个select框会根据第一个select框的值去显示不同的选择内容

实现方法

        可以在第一个select框设置一个@change,定义一个方法,如图:

两个select框的联动_第1张图片

 方法内容如下图:

两个select框的联动_第2张图片

 这样在第一个select框里选择之后,页面就可以监听到第一个select框的值,然后去通过发送请求去到后端去获取对应的值,然后赋值给第二个select框。

这样就可以实现两个select框的联动

你可能感兴趣的:(vue.js)