如何在Laravel网站上显示第三方窗口小部件?

时间:2017-07-22 21:54:44

标签: laravel widget

如何在Laravel中显示第三方窗口小部件?

我的Laravel代码:

@section('content')
<section>
  <div class="jumbotron">
    <div class="container-fluid">
      <h1>We Guide You Trough!</h1>
      <p>Interested in crypto currencies, blockchain, crypto mining?</p>
      <p>Then CryptoMonkey is a perfect place to start!</p>
      <button type="button" class="btn btn-lg green signup" data-target="#signupModal" data-toggle="modal">Sign up-It's free</button>
    </div>
  </div>
</section>
@endsection

我想把这个小部件放在jumbotroon下。

但它没有显示。

<script type="text/javascript">
  baseUrl = "https://widgets.cryptocompare.com/";
  var scripts = document.getElementsByTagName("script");
  var embedder = scripts[ scripts.length - 1 ];
  var cccTheme = {"General" :
    {"background":"#000","priceText":"#fff"},"Currency":{"color":"#fff"}};
  (function (){
    var appName = encodeURIComponent(window.location.hostname);
    if(appName==""){appName="local";}
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.async = true;
    var theUrl = baseUrl+'serve/v3/coin/header?fsyms=BTC,ETH,XMR,LTC,DASH&tsyms=USD,EUR,CNY,GBP';
    s.src = theUrl + ( theUrl.indexOf("?") >= 0 ? "&" : "?") + "app=" + appName;
    embedder.parentNode.appendChild(s);
  })();
</script>

如果我把它放在代码中它不起作用。

2 个答案:

答案 0 :(得分:0)

将您的代码放在另一个刀片文件中,例如'widget.blade.php',然后在jumbotron的末尾使用'@include('widget')'

答案 1 :(得分:0)

我认为问题在于我尝试将此小部件脚本放在

app.blade.php

<div id="app">
<-- If i place the widget script inside this div i getning error -->
</div>

错误:[Vue警告]:编译模板时出错:app.js:32178 - 模板应该只负责将状态映射到UI。避免在模板中放置带副作用的标签,例如,因为它们不会被解析。 - 模板应该只负责将状态映射到UI。避免在模板中放置带副作用的标签,例如,因为它们不会被解析。

如果我放在app div之外,那么widget工作正常。