vue+element ui 实现右侧穿梭框上下排序

最新推荐文章于 2025-05-29 17:27:39 发布

审判___

最新推荐文章于 2025-05-29 17:27:39 发布

阅读量7.8k

点赞数 10

CC 4.0 BY-SA版权

分类专栏：页面文章标签： vue 穿梭框 element ui 穿梭框上下排序

本文链接：https://blog.youkuaiyun.com/a917606449/article/details/98214961

子组件：

<template>
	<div>
		<el-row>
			<el-col :span="20">
				<el-transfer v-model="outputListTemp" :data="inputList" :props="alias" target-order="push" @right-check-change="rightCheck"></el-transfer>
			</el-col>
			<el-col :span="4" style="margin-top: 95px;">
				<div style="margin-bottom: 10px;">
					<el-button icon="el-icon-arrow-up" circle :disabled="upDownDisable" @click="upData"></el-button>
				</div>
				<div>
					<el-button icon="el-icon-arrow-down" circle :disabled="upDownDisable" @click="downData"></el-button>
				</div>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	import {
		Message,
		Notification
	} from 'element-ui';
	export default {
		name: 'myTransfer',
		props: [
			'value',
			'inputList',
			'alias'
			],
		data() {
			return {
				upDownDisable:true,
				tempSelectionKe