Cant call javascript function in php file (Laravel)

Question

Im curently learning laravel with QR code. I use the code that I got from github. Its working fine when I run the html file. But when I add to my code in php file (Laravel) I get some error.

The error:

ErrorException (E_ERROR) Call to undefined function formatName() (View: C:\xampp\htdocs\museumadityawarman\resources\views\topups\scan_qrcode.blade.php)

The error points out to this part of my view:

<span v-if="camera.id == activeCameraId" :title="formatName(camera.name)" class="active">{{ formatName(camera.name) }}</span>

<li v-for="scan in scans" :key="scan.date" :title="scan.content"><script type="text/javascript">{{scan.content}}</li>

I've tried to change from

{{ formatName(camera.name) }}

To

<script>formatName(camera.name);</script>

This does fix the error message but I still can't get the value.

This is some of Javascript code:

 methods: {
    formatName: function (name) {
      return name || '(unknown)';
    },
    selectCamera: function (camera) {
      this.activeCameraId = camera.id;
      this.scanner.start(camera);
    }   }

Thanks, sorry for my bad english.

What is camera? Is it a php variable or javascript variable? You can't mix PHP and javascript codes, because PHP only runs before the page is sent to the browser, and javascript after. — aynber
– aynber, Commented Sep 7, 2018 at 13:29
camera is from javascript. Im not use php command there, I just add from html that i get form github to Laravel — Ikhsannul Hijri
– Ikhsannul Hijri, Commented Sep 7, 2018 at 13:57

B-Noid · Accepted Answer · 2018-09-07 13:47:48Z

1

You have to put an @ before the {{ formatName(camera.name) }}

@{{ formatName(camera.name) }}

Look at the Laravel doc https://laravel.com/docs/5.6/blade#blade-and-javascript-frameworks:

Since many JavaScript frameworks also use "curly" braces to indicate a given expression should be displayed in the browser, you may use the @ symbol to inform the Blade rendering engine an expression should remain untouched

EDIT:

Since you look like you are using vue.js, you could also use the directive v-text like so :

<span v-if="camera.id == activeCameraId" :title="formatName(camera.name)" class="active" v-text="formatName(camera.name)"></span>

edited Sep 7, 2018 at 13:47

answered Sep 7, 2018 at 13:35

B-Noid

1364 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ikhsannul Hijri Over a year ago

Thanks bro. I will try your suggestions. And i will comment if my problem fixed :)

B-Noid Over a year ago

Glad I could help! Have a nice day :-)

Collectives™ on Stack Overflow

Cant call javascript function in php file (Laravel)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related