mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-24 02:02:55 +08:00
取消重复名称
This commit is contained in:
@@ -8,12 +8,13 @@
|
||||
@focus="onFocus"
|
||||
@blur="onBlur"
|
||||
/>
|
||||
<div style="color: red; font-size: 10px" v-if="modelV.value && validated===0 && isExistName">
|
||||
名称重复,请重新输入
|
||||
<div style="color: blue; font-size: 10px" v-if="modelV.value && validated===0 && isExistName">
|
||||
<!-- 名称重复,请重新输入 -->
|
||||
开课名称已自动带入,请自行修改
|
||||
</div>
|
||||
<div style="color: red; font-size: 10px" v-if="newNamess">
|
||||
<!-- <div style="color: red; font-size: 10px" v-if="newNamess">
|
||||
名称重复,已自动生成不重复名称,可自行修改
|
||||
</div>
|
||||
</div> -->
|
||||
</template>
|
||||
<script setup>
|
||||
import {defineProps, defineEmits, watch, ref, onMounted} from "vue";
|
||||
@@ -86,31 +87,31 @@ onMounted(() => {
|
||||
isExistName.value = true;
|
||||
}
|
||||
})
|
||||
const newNamess = ref(false)
|
||||
const generateUniqueName = () => {
|
||||
let baseName = modelV.value.value;
|
||||
let randomSuffix = '_' + Math.floor(Math.random() * 1000);
|
||||
let newName = baseName + randomSuffix;
|
||||
emit("update:value", newName);
|
||||
newNamess.value = true
|
||||
}
|
||||
const watchChange = ref(true)
|
||||
const onFocus = ()=>{
|
||||
newNamess.value = false
|
||||
watchChange.value = false
|
||||
}
|
||||
const onBlur = ()=>{
|
||||
watchChange.value = true
|
||||
}
|
||||
watch(props,()=>{
|
||||
if(props.changeName){
|
||||
if (watchChange.value && modelV.value.value && props.validated === 0 && isExistName.value) {
|
||||
generateUniqueName();
|
||||
}
|
||||
}else{
|
||||
newNamess.value = false
|
||||
}
|
||||
},{immediate: true})
|
||||
const newNamess = ref(true)
|
||||
// const generateUniqueName = () => {
|
||||
// let baseName = modelV.value.value;
|
||||
// let randomSuffix = Math.floor(Math.random() * 1000);
|
||||
// let newName = baseName + randomSuffix;
|
||||
// emit("update:value", newName);
|
||||
// newNamess.value = true
|
||||
// }
|
||||
// const watchChange = ref(true)
|
||||
// const onFocus = ()=>{
|
||||
// newNamess.value = false
|
||||
// watchChange.value = false
|
||||
// }
|
||||
// const onBlur = ()=>{
|
||||
// watchChange.value = true
|
||||
// }
|
||||
// watch(props,()=>{
|
||||
// if(props.changeName){
|
||||
// if (watchChange.value && modelV.value.value && props.validated === 0 && isExistName.value) {
|
||||
// generateUniqueName();
|
||||
// }
|
||||
// }else{
|
||||
// newNamess.value = false
|
||||
// }
|
||||
// },{immediate: true})
|
||||
watch(props, () => {
|
||||
if(props.onceName==modelV.value.value){
|
||||
isExistName.value = false;
|
||||
|
||||
Reference in New Issue
Block a user