mirror of
https://github.com/flipped-aurora/gin-vue-admin.git
synced 2026-09-25 21:57:44 +00:00
PiexlMax(奇淼andtask
866fa5643e
* fixed: 修复addFunction下前端api.js无法创建的bug。 * feature: 增加严格角色模式 * Update system.vue * fixed: 多点登录拦截模式下，jwt换票期间不需要拉黑token。 * fixed: 修复使用ast时候产生无意义的换行的问题 * fixed: 修复跨级操作角色权限的越权问题 * feature: 优化严格模式角色鉴权操作。 * fixed: 增加菜单和api设置越权问题的限制 * feature: 增加插件打包前的自动化同步所需菜单和api的功能 * feature: 自动化代码可以默认生成导入导出 * feature: 自动化导入导出对模板进行回滚 * feature: 剔除无用的packfile代码包 * feature: 发布V2.7.3版本公测。 --------- Co-authored-by: task <ms.yangdan@gmail.com>
69 lines
1.3 KiB
Vue
69 lines
1.3 KiB
Vue
<template>
|
|
<div class="flex gap-2">
|
|
<el-tag
|
|
v-for="tag in modelValue"
|
|
:key="tag"
|
|
:closable="editable"
|
|
:disable-transitions="false"
|
|
@close="handleClose(tag)"
|
|
>
|
|
{{ tag }}
|
|
</el-tag>
|
|
<template v-if="editable">
|
|
<el-input
|
|
v-if="inputVisible"
|
|
ref="InputRef"
|
|
v-model="inputValue"
|
|
class="w-20"
|
|
size="small"
|
|
@keyup.enter="handleInputConfirm"
|
|
@blur="handleInputConfirm"
|
|
/>
|
|
<el-button v-else class="button-new-tag" size="small" @click="showInput">
|
|
+ 新增
|
|
</el-button>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
|
|
defineOptions({
|
|
name: 'ArrayCtrl',
|
|
})
|
|
|
|
import { nextTick, ref } from 'vue'
|
|
|
|
const inputValue = ref('')
|
|
const inputVisible = ref(false)
|
|
const InputRef = ref(null)
|
|
|
|
const modelValue = defineModel()
|
|
|
|
defineProps({
|
|
editable: {
|
|
type: Boolean,
|
|
default: () => false
|
|
}
|
|
})
|
|
|
|
const handleClose = (tag) => {
|
|
modelValue.value.splice(modelValue.value.indexOf(tag), 1)
|
|
}
|
|
|
|
const showInput = () => {
|
|
inputVisible.value = true
|
|
nextTick(() => {
|
|
InputRef.value?.input?.focus()
|
|
})
|
|
}
|
|
|
|
const handleInputConfirm = () => {
|
|
if (inputValue.value) {
|
|
modelValue.value.push(inputValue.value)
|
|
}
|
|
inputVisible.value = false
|
|
inputValue.value = ''
|
|
}
|
|
</script>
|