|
@@ -13,7 +13,7 @@
|
|
type="text"
|
|
type="text"
|
|
:placeholder="role == 'leader' ? $t('common.leadernickName') : $t('common.inputnickName')"
|
|
:placeholder="role == 'leader' ? $t('common.leadernickName') : $t('common.inputnickName')"
|
|
/>
|
|
/>
|
|
- <span class="limitNum">{{ userName.length }}/20</span>
|
|
|
|
|
|
+ <span class="limitNum">{{ userName ? userName.length :0 }}/20</span>
|
|
</div>
|
|
</div>
|
|
<!-- <div v-if="role!='customer'" class="mode_btn">
|
|
<!-- <div v-if="role!='customer'" class="mode_btn">
|
|
<div @click="chooseMode(i.mode)" v-for="i,index in modeList" :key="index" :class="{ active: mode==i.mode }" class="mode">{{i.title}}</div>
|
|
<div @click="chooseMode(i.mode)" v-for="i,index in modeList" :key="index" :class="{ active: mode==i.mode }" class="mode">{{i.title}}</div>
|
|
@@ -29,9 +29,9 @@
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
import { useI18n, getLocale } from "@/i18n";
|
|
import { useI18n, getLocale } from "@/i18n";
|
|
-import { ref } from "vue";
|
|
|
|
const { t } = useI18n({ useScope: "global" });
|
|
const { t } = useI18n({ useScope: "global" });
|
|
-const name = ref('')
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
@@ -55,10 +55,10 @@ export default {
|
|
title: "多人模式",
|
|
title: "多人模式",
|
|
},
|
|
},
|
|
],
|
|
],
|
|
|
|
+ userName:'',
|
|
store: useStore(),
|
|
store: useStore(),
|
|
roomId: browser.getURLParam("roomId"),
|
|
roomId: browser.getURLParam("roomId"),
|
|
- $t: this.t,
|
|
|
|
- userName:this.name
|
|
|
|
|
|
+ $t: this.t
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
|
|
@@ -87,7 +87,6 @@ export default {
|
|
this.$emit("closeCreated");
|
|
this.$emit("closeCreated");
|
|
},
|
|
},
|
|
createdConfirm() {
|
|
createdConfirm() {
|
|
- console.log(this.userName);
|
|
|
|
if (this.userName == "") {
|
|
if (this.userName == "") {
|
|
Dialog.toast({ content: this.$t("common.inputnickName"), type: "error" });
|
|
Dialog.toast({ content: this.$t("common.inputnickName"), type: "error" });
|
|
return;
|
|
return;
|