小编Ahm*_*aki的帖子

有一种情况我必须mounted在vuejs中的第一个ajax(在函数中)之后得到额外的数据,我已经把第二个ajax置于第一个ajax的if条件和内部success函数中!

它工作正常,我在Vue Devtools中看到chrome中的数据,但数据不会在视图中呈现.

伪代码:

var vm = new Vue({
         el: '#messages',
        data: {
            participants: [],
            active_conversation: '',
            messages: []
        },

        methods: {

            getParticipants: function () {
                   return this.$http.post('message/get-participants').then(
                    function (response) {

                        vm.participants = response.data.participants;
                        // if there is a conversation_id param in url
                        if (getUrlParameterByName('conversation_id')) {
                             // Second Ajax Is Called Here inside First Ajax
                             return vm.getConversationMessages (getUrlParameterByName('conversation_id')); // this ajax call is getting data but not showing in view  
                        }
                    }

            },

           getConversationMessages …

我知道laravel缓存刀片文件,当刀片服务器出现错误时,版本5.3中的错误将是这样的:

Undefined offset: 0 (View:b5c0ef4df49585eadd7fc1fa15b2d8a03e8c3bdd.php) line: 47

然后我可以去缓存文件并找到确切的行,

但是在版本5.4 laravel中引用了确切的刀片文件(不是缓存文件)但没有行号!像这样的东西:

Undefined offset: 0 (View: C:\wamp64\www\project\resources\views\events\partial\event_details_members.blade.php)
in Collection.php (line 1537)

现在如何找到错误？

UPDATE

我知道问题出在哪里,以及如何解决这个问题,但是我希望Laravel自动告诉我这是否必须手动查找.如果刀片文件很大怎么办？

我正在使用 NuxtJs 创建一个简单的演示应用程序。主页显示不经常更改的静态内容。还有另一种显示用户列表的方法：/users. 还有一个用于显示用户的详细信息：/user/id.

现在我的问题是nuxt generate和之间有什么区别nuxt build？我应该使用哪一种？

我认为nuxt generate页面不会呈现动态路由，例如users和user/id，我说得对吗？如果我是对的，那么generate命令将只为主页生成一个预渲染的 HTML。所以使用generate总是比使用更好build吗？

拥有 TinyMCE 编辑器，它为我提供了正确的 html 标签输出，例如 h1、h2、b、ul、ol、li。像这样：

然而，当我想在我自己的前端（由 TailWindCSS 或 Bootstrap 组成）中准确渲染 TinyMCE 的输出时，每个 html 标签的每种样式看起来都非常简单，具有相同的大小、相同的边距、相同的填充，就像在一个普通的文本元素。

我发现，这些 CSS 框架使用“normalize-css”之类的东西来实现这种外观。但是，尽管我使用的是 Tailwind 和/或 BootstrapCSS，如何在前端恢复 TinyMCE 的 CSS 样式？

我在.gitignore文件中有我的供应商目录.每次运行时composer update,git都无法跟踪vendor目录更新和更改,因此我无法支持这些更改!

我的问题是: 在composer update有需要之后,应用程序是否可能崩溃或遇到错误git reset？

如果可能,从供应商目录中删除是不是更好.gitignore？也许这个问题有其他解决方案吗？(如果这是一个问题!)

我想显示具有如下选择选项的国家/地区列表：

<select id="country_code">
    <option value="358"> Finland(+358)</option>
    <option value="33"> France(+33)</option>
    <option value="43"> Austria(+43)</option>
</select>

当用户选择一个国家/地区时，我只想将代码显示为所选选项。

这是我尝试过的：

 $("#country_code").change(function(){
        $(this).find("option:selected").text("+"+$(this).find("option:selected").text().match(/(\d+)/g));

    })

此代码将代码（正则表达式用于分隔数字）与所选选项分开，并显示它而不是全名，并且它有效。

但问题是，当我尝试选择其他一些国家时，之前的选项发生了变化！我无法把它拿回来。

它看起来像这样：

<select id="country_code">
    <option value="358"> +358</option>
    <option value="33"> France(+33)</option>
    <option value="43"> +43</option>
</select>

我应该如何实现这个目标？我在网上搜索过，没有结果。

我想建立一个在线考试,这个考试有5页,每个页面有一个倒计时器(120秒)和4个问题.120秒后,用户将自动转移到下一页,或者可以在此之前单击下一个按钮.

Laravel5.4和VueJs,用户回答的每个问题都有一个Ajax请求.我想要的是阻止用户看到其他页面.每页必须最多可见120秒.用户不应该单击后退按钮并查看以前的页面.这有可能吗？

我要创建这个应用程式Vuejs和vue-router,但我不知道如何与实现这个vue-router,我做了一些研究,但有没有太多的结果!

或者也许我不应该使用vue-router,并使用我自己的简单路由器,例如:

$("#page1").show();
$("#page2").hide();
$("#page3").hide();
.
.
// after 120 secs 
$("#page1").hide();
$("#page2").show();
$("#page3").hide();
.
.
 // i think this is not secure !

任何想法都表示赞赏.谢谢.

更新: 在此考试中,用户可以看到English words从words表中随机选择的列表, 而不是其他内容!用户点击他认为自己知道其含义的每个单词!每次点击都有一个ajax请求,用于保存results表中单词的id .此外,如果用户点击假字超过3次,fake_words则会选择随机选择50个字的表,actual words测试将失败.最终结果将告诉用户他有多少词汇技能.

更新2:我尝试这样做vue-router,但在开始编码之前,我想也许它不应该实现,vue-router因为所有问题在一个查询中随机从DB中获取,然后在考试开始之前,所有这些都发送(ajax)到浏览器,现在该怎么办？将它们分成不同的数组并将每个问题数组发送到我的一个页面？我必须这样做吗？我不能只v-for为他们使用一个？如果我决定更改问题的数量怎么办？然后我想我每次都要触摸我的代码并创建新页面vue-router或删除其中一个页面.

我正在创建一个订阅和团队!系统.

这是伪代码:

    $sub = Sub::create($sub_data);

    if(request for new team){
       $team = Team:create($team_data)
       Mail::queue....// sending email and notif
       // some php code here
    }
    elseif(request to join a team) 
    {
       $team = Team:find($team_data)
       $team->subscriber()->create($team_data) // a team has many subscribers
       Mail::queue....// sending email and notif
       // some php code here
    }
     // Here some extra queries... 

现在我希望所有查询都在DB事务中执行.我可以将所有上述代码放在Laravel Transaction闭包中吗？

DB::transaction(function()
{
 // all the above code here 
});

我的意思是有这么多的PHP代码和没有查询逻辑,比如发送电子邮件......这是一个好习惯吗？如果不是,我该怎么办？

我正在尝试通过@nuxt/pwa-module.

这是我在nuxt.config.js文件中的工作箱属性：

workbox: {

    importScripts : [
        'sw-background-sync.js'
    ]

}

plugins/sw-background-sync.js文件内容：

console.log("backsync called")
workbox.routing.registerRoute(
    'https:\/\/example.com\/api\/Survey\/post.*',
    new workbox.strategies.NetworkOnly({
        plugins: [
            new workbox.backgroundSync.Plugin('myQueueName', {
                maxRetentionTime: 24 * 60
            })
        ]
    }),
    'POST'
);

默认情况下，离线缓存应该可以工作，并且工作正常。但是当我取消注释 importScripts 并刷新页面时，我在控制台中收到此错误：

backsync called
workbox-sw.js:1 Uncaught Error: Config must be set before accessing workbox.* modules
    at Proxy.setConfig (workbox-sw.js:1)
    at sw.js:8

任何有关如何使用 nuxtjs 实现 pwa 后台同步的示例都将不胜感激。

非常感谢。

我是聪明的新手.我正在尝试使用智能的开关和案例功能.这是我使用的PHP代码

$i=1;
while ($row = mysqli_fetch_array($sql)){

    switch($i%8){

            case 1:
            case 2:
                //DO Something Here
            break;
            case 3:
            case 4:
            case 5:
            case 6:
            case 7:
            case 0:
                //DO Something Else Here
            break;
        }
    $i++;

    }

我的问题是如何将此代码应用于Smarty？感谢你的时间.

我想为 Nuxtjs 创建一个插件，以便仅在客户端模式下记录我想要的所有内容，如下所示：

// ~/plugins/client-log.js
export default ({ app }, inject) => {
    app.clog = string => console.log(string)
}

该插件在我可以访问上下文的组件中工作，例如：

export default {

  fetch({app}){
       app.clog("some string")
  }
};

但我希望能够在 vuex 中使用它（动作、突变......）。我怎样才能做到这一点？

提前致谢。

我尝试获取 URL 中 name 参数的值：http://fakelocalhost:3000/page?name=test

我正在使用NuxtJS (v2.11.0) 和TypeScript，以及nuxt-property-decorator包 (v2.5.0)。

但是，我得到了一个未定义的结果console.log(params.name)。

在这里，我的完整 TS 代码：

<script lang="ts">
  import {
    Component,
    Vue
  } from "nuxt-property-decorator";

  @Component({
    asyncData({ params  }) {
      console.log(params.name);
    }
  })
  export default class extends Vue {}
</script>

起初对我来说这听起来很简单，但我找不到解决方案！

这是我的收藏：

Collection {#433
  #items: array:432 [
    0 => array:5 [
      "word_id" => 12218
      "name" => "ordered"
      "rank" => 12217
      "is_real" => 1
      "id" => 1
    ]
    1 => array:5 [
      "word_id" => 12097
      "name" => "one-dimensional"
      "rank" => 12096
      "is_real" => 1
      "id" => 2
    ]
    2 => array:5 [
      "word_id" => 19679
      "name" => "watery"
      "rank" => 19678
      "is_real" => 1
      "id" => 3
    ]
    .
    .
    .

但我希望它是这样的：

Collection {#433 
  #items: array:432 [
    0 => array:5 [ …