iview的select变化的时候获取上一次选中的值

<div id="app">
    <i-select ref="test" v-model="model1" style="width:200px" @on-change="mytest">
        <i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
    </i-select>
</div>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            cityList: [
                    {
                        value: '1',
                        label: '北京'
                    },
                    {
                        value: '2',
                        label: '上海'
                    },
                    {
                        value: '3',
                        label: '深圳'
                    },
                    {
                        value: '4',
                        label: '杭州'
                    },
                    {
                        value: '5',
                        label: '郑州'
                    }
                ],
                model1: ''
        },
        methods: {
            mytest: function (val) {
                console.log("本次选择的内容"+val);
                //注意：需要给select标签设置ref，通过ref去获取数据
                console.log("上一次选择的内容"+vm.$refs.test.value);
                //如果想要获取输入框的内容，可能需要去遍历list了，根据value取label
                $(this.cityList).each(function(index,obj){
                    if(obj.value === vm.$refs.test.value){
                        console.log("上一次选择的输入框内容"+obj.label);
                    }
                })
            }
        }
    })
  </script>