Software: Apache/2.2.3 (CentOS). PHP/5.1.6 

uname -a: Linux mx-ll-110-164-51-230.static.3bb.co.th 2.6.18-194.el5PAE #1 SMP Fri Apr 2 15:37:44
EDT 2010 i686 

uid=48(apache) gid=48(apache) groups=48(apache) 

Safe-mode: OFF (not secure)

/var/www/html/mis/asset/js/   drwxr-xr-x
Free 48.6 GB of 127.8 GB (38.03%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Feedback    Self remove    Logout    

Viewing file:     mua.js (1.84 KB)      -rw-r--r--

Vue.component('selectauto', {
    data: function () {
      return {
        data: [{FAC_ID:'',FAC_NAME:''}],
        name: '',
        selected: null
      }
    },
    computed: {
        filteredDataObj() {
            return this.data.filter((option) => {
                return option.FAC_NAME
                    .toString()
                    .toLowerCase()
                    .indexOf(this.name.toLowerCase()) >= 0
            })
        }
    },
    template: `
    <label  style="font-size:25px;">รหัสคณะที่กำลังศึกษา</label>
    <b-autocomplete
        class="m-t-10"
        rounded
        v-model="name"
        placeholder="กรุณาเลือก คณะที่กำลังศึกษา"
        :open-on-focus="true"
        icon="magnify"
        :data="filteredDataObj"
        field="FAC_NAME"
        @select="option => selected = option"
        @input="fect_RefFac($event)"
        >
    </b-autocomplete>`
})

new Vue({
        el:'#app',
        data() {
            return {
                baseurl:'<?php echo base_url(); ?>'
            }
        },
        created(){
           alert('sss')
           this.fect_RefFac(this.name)
        },
        methods: {
            fect_RefFac(value){
                this.$http.get(this.baseurl+'index_codeigniter.php/mua/service/fetch_RefFac?FAC_NAME='+value).then(response => {
                    this.data = []
                    for(var i = 0; i < response.data.length; i++ ){
                    this.data.push({FAC_ID:response.data[i].FAC_ID,FAC_NAME:response.data[i].FAC_ID+' - '+response.data[i].FAC_NAME})
                    }
                    console.log(this.data)
                }, response => {
                // error callback
                }); 
            }
        }
    })