聊天输入字数限制

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-model="editingMessage"
class="message-input"
maxlength="140"
></el-input>
<el-button @click="sendMessage" :disabled="editingMessage.length === 0"
>发送</el-button

View File

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

View File

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

View File

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

View File

@ -64,12 +64,20 @@
@send="sendMessage"
/>
</el-tab-pane>
<!-- <el-tab-pane label="其他"> -->
<!-- // 签到、考试、问卷弹窗 -->
<!-- <el-row :gutter="10"> -->
<!-- <el-col :xs="24" :sm="24" :md="8" :lg="3" :xl="1"></el-col> -->
<!-- </el-row> -->
<!-- </el-tab-pane> -->
<el-tab-pane label="其他">
<!-- // 签到、考试、问卷弹窗 -->
<el-row :gutter="10">
<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-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-dialog