为了账号安全,请及时绑定邮箱和手机立即绑定

Electron开发实战之11-SendMessage.vue

源码 j源码 j-step-c11

首先我们在components文件夹下创建SendMessage.vue

  • renderer/index.js

// 请添加高亮部分代码
...
// import {
  Button,
  Input,
  // TabPane,
  // Tabs } from 'element-ui'
...
Vue.component(Button.name, Button)
Vue.component(Input.name, Input)
// Vue.component(TabPane.name, TabPane)
...
  • components/SendMessage.vue

<template>
  <div id="send-message">
    <el-input
      type="textarea"
      :rows="10"
      placeholder="输入文本消息"></el-input>

    <div id="buttons">
      <el-button
        id="send-text-btn"
        type="primary">发送文本消息</el-button>
    </div>
  </div>
</template>

<style scoped>
#buttons {
  margin-top: 8px;
}
</style>
  • views/Chat.vue
<!-- 请添加高亮部分代码 -->
<!-- <template>
  <div id="chat">
    <el-tabs v-model="activeName">
      <el-tab-pane label="发消息" name="F"> -->
        <send-message></send-message>
      <!-- </el-tab-pane>
      <el-tab-pane label="联系人" name="M">
        <chat-list></chat-list>
      </el-tab-pane>
    </el-tabs>
  </div>
</template> -->

<script>
import SendMessage from '@/components/SendMessage.vue'
// import ChatList from '@/components/ChatList.vue'
// export default {
  // components: {
    'send-message': SendMessage,
   //  'chat-list': ChatList
  // },
 ...
// }
</script>
点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消