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)، أو حتى عارض سجل يبحث عن وحدة تحكم.