|
|
|
ผมไม่เข้าใจ code เหล่านี้ จริงๆ มันใช้ทำอะไรเหรอครับ รบกวนเพื่อนๆ ด้วย |
|
|
|
|
|
|
|
ไปดูเรื่อง vue js กับ axios นะครับ
|
|
|
|
|
Date :
2019-08-30 23:28:45 |
By :
Luz |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
พูดยังไงดีล่ะ โค๊ดอยู่ที่คุณ คุณยังไม่รู้เลยว่า มันทำอะไรได้
ไม่ลองทดสอบมันดูหน่อยเหรอครับ
โค๊ดเอามาจากไหน เอามาได้ยังไง และโปรแกรมที่มีมันอยู่มันทำงานอะไร
อยู่ดีๆ โค๊ดนี้มันโพล่ขึ้นมาเองเหรอครับ
เห้อ!
|
|
|
|
|
Date :
2019-08-31 13:37:45 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ajax post ข้อมูล barcode
|
|
|
|
|
Date :
2019-08-31 23:11:44 |
By :
mr.v |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (JavaScript)
<script>
window.vm = new Vue({
el:'#app',
data() {
return {
locate: 'ลำปาง',
barcode: '',
barcodes: []
};
},
methods:{
addbarcode(e){
if(e.key =="Enter"){
axios.post('/addbarcode.php',{ barcode: this.barcode } )
.then(rs=>console.log)
.catch(err=>console.log)
this.barcodes.push(this.barcode);
this.barcode = '';
}
}
}
});
</script>
เป็น vue.js นั่นแหละ ใช้ javascript เขียน
แต่คนละ javascript ที่ browser ใช้นะ
อันนี้เป็นแบบ module ถ้าจะให้ browser ใช้ได้ต้อง complile เป็น js อีกที
ซึ่งจะใช้ webpack หรือ gulp หรืออะไร complile ก็ได้
จากโค้ดเป็นส่วนของ vue component นั่นเอง
โดยใช้ภายใค้ element id ชื่อ #app
มีตัวแปรที่ใช้ภายใน 3 ตัว คือ
locate -> string
barcode -> string
barcodes -> array
มี method ที่ใช้ในการส่งข้อมูลกลับไปยัง server และเพิ่ม array member ชื่อ addbarcode
ซึ่งจะทำงานเมื่อกด enter แต่ข้อมูลมาจากไหนล่ะ ????
งงไหม น่าจะงงนะ เพราะโค้ดที่ให้มามันขาดส่วนที่เป็น template ไป
ถ้าจะให้เขียนให้โค้ดทำงานได้สมบูรณ์ ก็ต้องมีส่วนที่เป็น vue template ซึ่งโค้ดน่าจะประมาณนี้
Code (PHP)
<div id="app">
<input type="text" v-bind="barcode">
</div>
เพื่อส่งข้อมูล barcode กลับไปยัง component
|
|
|
|
|
Date :
2019-09-02 10:49:55 |
By :
ห้ามตอบเกินวันละ 2 กระทู้ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|