element change问题

Question

<el-dialog :title="type=='role' ? '设置角色' : '设置权限'" :visible.sync="grantShow" :width="dialogWidth">
<el-form :model="user" :rules="$rules.user" ref="userForm">
<el-form-item :label="$t('pages.user.app')" :label-width="formLabelWidth" prop="appId">

    <el-select v-model="user.appId" placeholder="请选择" @change="getValue()">
      <el-option
        v-for="item in applications"
        :key="item.id"
        :label="item.name"
        :value="item.id">
      </el-option>
    </el-select>
  </el-form-item>
</el-form>

<template>

<el-transfer v-model="selected" :data="options" :titles="['待选项', '已选项']" filterable></el-transfer>

</template>
<div slot="footer" class="dialog-footer">

<el-button @click="grantShow = false">取 消</el-button>
<el-button type="primary" @click="grant">确 定</el-button>

</div>
</el-dialog>

实现的效果为
我选择应用中的下拉列表任意一项 把应用的id和用户id发送到后台
请求成功之后显示到下面两栏选择内容

初次写这样的效果 不知道怎么写change事件 如有知道的 恳请指教一二 在线等 谢谢

Answer 1

change事件就是发请求到后台，然后获取数据，将获取到的数据赋值给你这个transfer的对应的值就可以了啊。