vue chat scroll

กำลังติดตั้ง

การใช้ตัวจัดการแพ็คเกจ (แนะนำ)

วิธีที่แนะนำในการติดตั้ง vue-chat-scroll คือการใช้แพ็คเกจ npm กับตัวจัดการแพ็คเกจ npm (หรือเส้นด้าย):

npm i vue-chat-scroll@alpha

หลังจากติดตั้งแพ็คเกจ คุณต้องใช้ปลั๊กอิน vue-chat-scroll :

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

การใช้แท็กสคริปต์

หากกำลังพยายามพิสูจน์แนวคิดหรือเล่นซอ การใช้แท็กสคริปต์อาจง่ายกว่า เราขอแนะนำให้ใช้ CDN เช่น unpkg หรือ jsdelvr

 < script src =" https://unpkg.com/vue-chat-scroll@alpha/dist/vue-chat-scroll.js " > </ script >

vue-chat-scroll จะพยายามลงทะเบียนตัวเองกับ Vue โดยอัตโนมัติ สิ่งนี้ควรใช้งานได้ตราบใดที่ window.Vue ถูกกำหนดไว้

การใช้งาน

เรามุ่งมั่นที่จะทำให้การใช้ vue-chat-scroll ตรงไปตรงมามากที่สุด เพียงใช้คำสั่ง v-chat-scroll ก็ควรดูแลกรณีการใช้งานส่วนใหญ่

 < div v-chat-scroll >
  ...
</ div >

คุณสามารถกำหนดค่าคำสั่งได้โดยส่งวัตถุเช่นกัน ตัวอย่างเช่น การตั้งค่าสถานะ enable การกำหนดค่า:

 < div v-chat-scroll =" { enable: false } " >
  ...
</ div >

โปรดดูอินเทอร์เฟซ Config และอ็อบเจ็กต์ defaultConfig ใน config.ts เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่สามารถกำหนดค่าได้ รวมถึงค่าการกำหนดค่าเริ่มต้น

ตัวอย่าง

- อดทนกับเรา ทั้งหมดนี้อยู่ในระหว่างดำเนินการ เราจะเพิ่มตัวอย่างว่าปลั๊กอินนี้สามารถใช้เพื่อสร้างแชทที่มีคุณสมบัติครบถ้วนได้อย่างไร (เช่นแชทของ Slack) หรือแม้แต่โปรแกรมดูบันทึกที่มีลักษณะเป็นคอนโซล