小编Léo*_*oco的帖子

Vuejs 2.3-同步和元素Ui对话框

Element UI自从发布以来,我正在使用,情况发生了变化Vue.js 2.3

dialog只有在满足以下条件时才应显示private.userCanManageUsers && private.pendingUsers.length > 0 && private.pendingDialogVisible

我试图在这里使用新的属性visible.sync 文档

如果条件仅包含一个条件但不适用于多个条件,则该命令起作用。

工作中

<el-dialog
       :visible.sync="private.pendingDialogVisible"                 
</el-dialog>
Run Code Online (Sandbox Code Playgroud)

不工作

<el-dialog
       :visible.sync="private.userCanManageUsers && private.pendingUsers.length > 0 && private.pendingDialogVisible"           
    </el-dialog>
Run Code Online (Sandbox Code Playgroud)
  1. 在多个条件下使用el-dialogwith 的解决方案是什么visible.sync
  2. 如果这是不可能的,我应该怎么做才能使其起作用?

javascript vue.js vuejs2

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

Vuejs - 元素 UI - 无法关闭带有十字架的对话框

我在使用时遇到了一个小问题Vuejs 2.3Element UI 1.3.1 我希望能够通过单击来关闭对话框,X但该事件似乎没有被捕获。

<div id="app">
  <el-dialog title="Shipping address" v-model="showDialog"
    @close="closeDialog()">
    <button @click='cond1 = false'>Close</button>
  </el-dialog>
</div>

var Main = {
    data() {
      return {
        cond1: true,
        cond2: true,
        cond3: true,
      };
    },
    computed : {
        showDialog() {
        return this.cond1 && this.cond2 && this.cond3
        }
    },
    methods: {
        closeDialog() {
          alert('close event')}
    }
  };
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/zuL0uqy2/

如果我点击button而不是在十字架上,它会起作用。你能向我解释为什么以及我应该怎么做吗?

javascript vuejs2

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

Vue.js - 动态组件和事件

我想知道如何处理dynamic componentsevents使用vue-js 2.3.

就说组件home $emit('eventFromHome')和组件archives $emit('eventFromArchives')

有什么方法可以抓住他们<component></component>?是否存在比临时解决方案更好/更好的方法?

动态组件

var vm = new Vue({
  el: '#example',
  data: {
    currentView: 'home'
  },
  components: {
    home: { /* ... */ },
    posts: { /* ... */ },
    archive: { /* ... */ }
  }
})

<component v-bind:is="currentView"></component>
Run Code Online (Sandbox Code Playgroud)

静态组件

var vm = new Vue({
  el: '#example',
  data: {
    currentView: 'home'
  },
  components: {
    home: { /* ... */ },
    posts: { /* ... …
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2

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

Vue.js - Element UI - 输入远程搜索去抖动

我正在使用vue.js 2.3element-ui input remote search组件。 文档在这里

我希望能够debounce使用lodash远程搜索,但我发现它很棘手,因为cbquerySearchAsync(queryString, cb)

https://jsfiddle.net/1tgqn7o8/

<div id="app">
Fetch suggestion counter : {{counter}}
<el-autocomplete v-model="state4" :fetch-suggestions="querySearchAsync" placeholder="Please input" @select="handleSelect"></el-autocomplete>
</div>

var Main = {
    data() {
      return {
        links: [],
        state4: '',
        timeout:  null,
        counter: 0,
      };
    },
    methods: {
      loadAll() {
        return [
          { "value": "vue", "link": "https://github.com/vuejs/vue" },
          { "value": "element", "link": "https://github.com/ElemeFE/element" },
          { "value": "cooking", "link": "https://github.com/ElemeFE/cooking" },
          { "value": "mint-ui", "link": …
Run Code Online (Sandbox Code Playgroud)

vuejs2

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

Laravel Socialite - 重定向前保存 URL

我正在使用Laravel 5.4Socialite因此我的用户可以使用Facebook.

我的网站使用子域newyork.example.comparis.example.com example.com

Facebook URL回调登录的重定向必须absolute如此我设置http://example.com

登录/脸书

public function redirectToProvider()
    {

        $_SESSION['originalURL'] ="http://paris.example.com";

        return Socialite::driver('facebook')
            ->scopes(['rsvp_event', 'public_profile'])
            ->redirect();
    }
Run Code Online (Sandbox Code Playgroud)

登录/脸书/回电

 public function handleProviderCallback(SocialAccountService $service)
    {
        $user = $service->createOrGetUser(Socialite::driver('facebook')->user());
        // $user->token;

        Auth::login($user, true);

        $originalURL = $_SESSION['originalURL'];

        return redirect()->to($originalURL);
    }
Run Code Online (Sandbox Code Playgroud)

问题

当我在route登录/ FACEBOOK我可以看到原始URLparis.example.comHTTP_POST

当我在路由login/facebook/callbackHTTP_POSTexample.com,因为重定向的URL是example.com。我尝试将 URL 保存在 asession var$_SESSION为空。

问题

在 facebook 登录回调重定向后如何获取原始 …

php redirect laravel-socialite laravel-5.4

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

vue-awesome-swiper 和回调函数

我正在使用 Vue.js 2 和 vue-awesome-swiper。

我想在刷卡器的回调中至少做这两件事之一onSlideChangeEnd(swiper)

  1. 能够触发该功能onSwipe()
  2. 进入this.private.privateData

我认为根本问题是我不知道如何访问代表this不是 swiper 或对象 touchEventsTarget 而是我的App.vue.

当我尝试这样做时,this.private.privateData我发现Uncaught TypeError: Cannot read property 'orderFilter' of undefined这是有道理的。

我应该怎么办 ?谢谢。

应用程序.vue

  <template>
  <swiper :options="swiperOption" ref="mySwiper">
    <!-- slides -->
    <swiper-slide>I'm Slide 1</swiper-slide>
    <swiper-slide>I'm Slide 2</swiper-slide>
  </swiper>
</template>

<script>
  export default {
    name: 'carrousel',
    data() {
      return {
        private: {
            privateData : 'private'
        },
        swiperOption: {

          notNextTick: true,
          setWrapperSize :true,
          autoHeight: true,
          onSlideChangeEnd(swiper) {

               ***** DO SOMETHING HERE …
Run Code Online (Sandbox Code Playgroud)

javascript callback vue.js vuejs2 swiper.js

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

CRON JOB - 针对不同时区安排 Laravel 命令 - 管理用户本地时间

我使用Laravel 5.4,我想向用户发送通知上thursdays8pm

假设我有

  1. 东京用户A
  2. 用户 B 在伦敦
  3. 纽约市的用户 C

问题

我应该如何设置 CRON JOB 以便他们都8pm在本地时间收到通知?。

我的服务器在纽约市

代码

$schedule->command('sendNotifications')->dailyAt('20:00')->thursdays()

php cron laravel laravel-5.4

0
推荐指数
1
解决办法
1735
查看次数