может получить доступ к vuejs v-модели, когда включает laravel страницу

Question

привет, я использую vuejs и laravel это мой vuejs код

Vue.component('search_and_select',{
    template:
    '<div>'+
        '<slot :test_text="test_text" :update_test_text="update_test_text"></slot>

    '</div>',
    data:function(){
        return {
            test_text:null,
        }
    },
    methods: {
     update_test_text(value) {
       this.test_text = value
     }
   }
});

и это html код

<search_and_select>
  <div slot-scope="{ test_text, update_test_text }">
    <input
      type="text"
      :value="test_text"
      @input="update_test_text($event.target.value)"
    >
  </div>
</search_and_select>

вот так все работает так пока хорошо ... но если бы я попытался включить страницу как это ..

@include('treats.text_values') // laravel blade

и внутри treats.text_values я сделал это ..

<input
  type="text"
  :value="test_text"
  @input="update_test_text($event.target.value)"
>

это не работает, так как можно я получаю доступ к vuejs используя include в laravel .. большое спасибо

Answer 1

в первую очередь как @ Kamle sh Пол сказал, что ваш компонент находится между вашим идентификатором или el в вашем приложении, вероятно, его #app и, во-вторых, если вы нажали cp и вставили свой код, вы пропустили "" " в вашем шаблоне это должно быть так:

Vue.component('search_and_select',{
    template:
    '<div>'+
        '<slot :test_text="test_text" :update_test_text="update_test_text"></slot>' +

    '</div>',
    data:function(){
        return {
            test_text:null,
        }
    },
    methods: {
     update_test_text(value) {
       this.test_text = value
     }
   }
});