小编S. *_*eng的帖子

从github克隆laravel项目

我是github的新手,我发现这个网站对我们很多人都非常有用.我想在github上存储我的laravel项目,但是每次我将克隆它以便能够进入生产时出现问题,当我即将克隆它时,它总是显示此错误.

Warning: require(C:\xampp\htdocs\tourismPortal\bootstrap/../vendor/autoload.php): failed to open stream: No such file or directory in C:\xampp\htdocs\tourismPortal\bootstrap\autoload.php on line 17

Fatal error: require(): Failed opening required 'C:\xampp\htdocs\tourismPortal\bootstrap/../vendor/autoload.php' (include_path='.;C:\xampp\php\PEAR') in C:\xampp\htdocs\tourismPortal\bootstrap\autoload.php on line 17
Run Code Online (Sandbox Code Playgroud)

我知道这可以通过使用composer update来解决,但是有什么方法可以防止这个错误,这样每次我克隆它,我都会去生产而不会遇到这个错误?谢谢,就像我tortoisegit用来克隆,拉动和推动的方式.

php github laravel composer-php

19
推荐指数
3
解决办法
4万
查看次数

TipTap/VueJS - 如何检测按键

我有一个协作聊天应用程序,它使用Tiptap作为其消息传递区域。我发现它很有用,因为它已经可以支持多种格式并且可以增加一些灵活性。然而,在寻找侦听“enter”键的事件侦听器时,我发现自己陷入了困境。当用户按下回车键时,我想提交他们的聊天并清除编辑器。

我找到了这个onUpdate事件侦听器,但我找不到它检测按下哪个键的确切位置。

示例代码如下:

mounted() {
  let editor = new Editor({
    extensions: [StarterKit],
    content: this.value
  });

  editor.on("update", e => {
    console.log(e);
    this.$emit("input", this.editor.getHTML());
  });

  this.editor = editor;
}
Run Code Online (Sandbox Code Playgroud)

顺便说一句,我正在使用 Vue2。

谢谢

vue.js prose-mirror tiptap

3
推荐指数
1
解决办法
4599
查看次数

VueJS - 将数据中的全局变量共享到内部 scss 文件(动态 CSS)

我有一个名为的主组件App.vue,在该文件中我正在向服务器调用 ajax 请求,该请求返回颜色的 JSON。

我的 ajax 调用位于名为 的 vue 生命周期钩子内部created。当ajax完成后,它将根据结果填充本地数据库。

在同一个文件中,我有用 SCSS 编写的样式。

<style lang="scss">
$primary: #ff2000;
$secondary: #000111;
</style>
Run Code Online (Sandbox Code Playgroud)

是否可以共享此 SCSS 文件以阻止组件状态中的颜色 JSON?请想象一下所附的下图。

在此输入图像描述

**更正**

  1. this.colors = 颜色.data

  2. .color-Secondary { 背景:$Secondary; }

颜色是动态的,这就是它来自数据库的原因。

提前致谢。

javascript sass vue.js babeljs

2
推荐指数
1
解决办法
1874
查看次数

Laravel/VueJS - 刀片内的多个组件无法正常工作

正如标题所说的那样,我仍然会指导您重现该问题。详情如下。

重现步骤

  1. Github克隆 Laravel 官方项目
  2. 安装 PHP 和 JavaScript (Node) 的所有依赖项
    • npm install - 对于节点
    • composer install - 用于 php

安装所有依赖项后

  1. 打开resources/views/welcome.blade.php并编辑为下面的代码

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Mix</title>
    
    <link rel="stylesheet" href="{{ mix('css/app.css') }}">
    </head>
    
    <body>
    
    <div id="app">
      <h1>Hello, world!</h1>
    
      <example-component />
      <camel-case-component />
    </div>
    
    <script src="{{ mix('js/app.js') }}"></script>
    
    </body>
    
    </html>
    
    Run Code Online (Sandbox Code Playgroud)
  2. 打开resources/js/app.js并编辑为下面的代码

    require('./bootstrap');
    
    window.Vue = require('vue');
    
    Vue.component('camel-case-component', require('./components/CamelCaseComponent.vue').default);
    Vue.component('example-component', require('./components/ExampleComponent.vue').default);
    
    const app = new Vue({
        el: …
    Run Code Online (Sandbox Code Playgroud)

laravel vue.js laravel-blade vue-component

1
推荐指数
2
解决办法
1944
查看次数