鍍金池/ 問(wèn)答/HTML/ element change問(wèn)題

element change問(wèn)題

<el-dialog :title="type=='role' ? '設(shè)置角色' : '設(shè)置權(quán)限'" :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="請(qǐng)選擇" @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="['待選項(xiàng)', '已選項(xiàng)']" 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>

clipboard.png
實(shí)現(xiàn)的效果為
我選擇應(yīng)用中的下拉列表任意一項(xiàng) 把應(yīng)用的id和用戶id發(fā)送到后臺(tái)
請(qǐng)求成功之后顯示到下面兩欄選擇內(nèi)容

初次寫這樣的效果 不知道怎么寫change事件 如有知道的 懇請(qǐng)指教一二 在線等 謝謝

回答
編輯回答
不討囍

change事件就是發(fā)請(qǐng)求到后臺(tái),然后獲取數(shù)據(jù),將獲取到的數(shù)據(jù)賦值給你這個(gè)transfer的對(duì)應(yīng)的值就可以了啊。

2017年2月1日 09:31