jeeyor-editor

艾特输入框

Build Setup

    <jeeyor-atuser :members="members" @enterSend="send" v-model="inputcontent">
      <textarea class="editor"></textarea>
    </jeeyor-atuser>

   export default {
           name: 'app',
           components: {
               jeeyorAtuser
           },
           data() {
               return {
                   members: [123, 12, 1234, 12345, '小花', '小花华', '小三'],
                   inputcontent: '', //用户输入内容初始值
               }
           },
           methods: {
               send(e) { //回车发送
                   console.log(e)
               }
           },
       }

  .editor {
    width: 700px;
    height: 160px;
    overflow: hidden;
    border: 1px solid #dddddd;
    outline: none;
    resize: none;
    -webkit-appearance: none;
  }