聊天输入字数限制

This commit is contained in:
cxc
2022-06-15 09:16:57 +08:00
parent 98e07f152f
commit a53c78fba2
5 changed files with 24 additions and 12 deletions

View File

@ -51,6 +51,7 @@
v-else v-else
v-model="editingMessage" v-model="editingMessage"
class="message-input" class="message-input"
maxlength="140"
></el-input> ></el-input>
<el-button @click="sendMessage" :disabled="editingMessage.length === 0" <el-button @click="sendMessage" :disabled="editingMessage.length === 0"
>发送</el-button >发送</el-button

View File

@ -82,6 +82,7 @@ export default {
const editorConfig = { const editorConfig = {
placeholder: "请输入内容...", placeholder: "请输入内容...",
autoFocus: props.focus, autoFocus: props.focus,
maxLength: 140,
}; };
// 组件销毁时,也及时销毁编辑器 // 组件销毁时,也及时销毁编辑器

View File

@ -73,7 +73,9 @@ router.beforeEach(async (to) => {
// store.commit("setJoinUser", {}); // store.commit("setJoinUser", {});
// } // }
// store.commit("setRouteType", to.name); // store.commit("setRouteType", to.name);
if (["Meeting", "Host", "Panelist", "Supervisor"].includes(to.params)) {
store.commit("setJoinRole", to.name);
}
// 如果前往页面的会议id于之前的不同就清除用户信息、消息列表 // 如果前往页面的会议id于之前的不同就清除用户信息、消息列表
if (to.params.meetingId !== store.state.joinUser.meetingId) { if (to.params.meetingId !== store.state.joinUser.meetingId) {
store.commit("setJoinUser", {}); store.commit("setJoinUser", {});

View File

@ -15,8 +15,8 @@ const store = createStore({
joinType: localStorage.getItem("JOINTYPE") joinType: localStorage.getItem("JOINTYPE")
? JSON.parse(localStorage.getItem("JOINTYPE")) ? JSON.parse(localStorage.getItem("JOINTYPE"))
: "", : "",
routeType: localStorage.getItem("ROUTETYPE") joinRole: localStorage.getItem("JOINROLE")
? localStorage.getItem("ROUTETYPE") ? localStorage.getItem("JOINROLE")
: "", : "",
}, },
mutations: { mutations: {
@ -46,9 +46,9 @@ const store = createStore({
state.messagesList = data; state.messagesList = data;
localStorage.setItem("MESSAGES", JSON.stringify(data)); localStorage.setItem("MESSAGES", JSON.stringify(data));
}, },
setRouteType(state, data) { setjoinRole(state, data) {
state.routeType = data; state.joinRole = data;
localStorage.setItem("ROUTETYPE", data); localStorage.setItem("JOINROLE", data);
}, },
}, },
actions: { actions: {

View File

@ -64,12 +64,20 @@
@send="sendMessage" @send="sendMessage"
/> />
</el-tab-pane> </el-tab-pane>
<!-- <el-tab-pane label="其他"> --> <el-tab-pane label="其他">
<!-- // 签到、考试、问卷弹窗 --> <!-- // 签到、考试、问卷弹窗 -->
<!-- <el-row :gutter="10"> --> <el-row :gutter="10">
<!-- <el-col :xs="24" :sm="24" :md="8" :lg="3" :xl="1"></el-col> --> <el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8"
<!-- </el-row> --> ><el-button style="width: 100%">按钮</el-button></el-col
<!-- </el-tab-pane> --> >
<el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8"
><el-button style="width: 100%">按钮</el-button></el-col
>
<el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8"
><el-button style="width: 100%">按钮</el-button></el-col
>
</el-row>
</el-tab-pane>
</el-tabs> </el-tabs>
<el-dialog <el-dialog