小编Lea*_*ner的帖子

从 vuex 中的模块 getter 访问根状态

我有根状态,其中包含来自 nuxt/auth 的身份验证数据..

在 store/modules/messages/ 我也有 state 和 getter 等等。

在 getter 中,我需要从根状态获取身份验证数据,但我不知道如何..

我尝试将 rootState 从模块添加到 index.js:

import state from './state'
import rootState from '../../state'
import * as actions from './actions'
import * as mutations from './mutations'
import * as getters from './getters'

export default {
  namespaced: true,
  state,
  rootState,
  getters,
  mutations,
  actions
}

export const avatar = (rootState) => rootState.auth.user.avatar
Run Code Online (Sandbox Code Playgroud)

但这仍然返回模块状态..

vue.js vuex nuxt.js

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

Vue搜索过滤器复选框问题

我有复选框和数组的vue过滤器的问题.

new Vue({
  el: "#app",
  data: {
    todos: [
      { text: "Learn JavaScript"},
      { text: "Learn Vue"},
      { text: "Play around in JSFiddle"},
      { text: "Build something awesome"}
    ],
    search: '',
  },
  methods: {
  	
  },
  computed: {
  	filtered() {
      return this.todos.filter(todo => {
        return todo.text.toLowerCase().includes(this.search.toLowerCase())
      })
    },
  }
})
Run Code Online (Sandbox Code Playgroud)
body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

h2 {
  font-weight: bold; …
Run Code Online (Sandbox Code Playgroud)

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

如何在laravel中适当延迟每100封邮件

如果我有 1000 封电子邮件,我运行的作业会检查这 1000 封电子邮件并发送电子邮件。

我本可以有:

$users = User::all();
$count = 0;
$hours = 0;
foreach($users as $user) {
  if($count % 100 === 0) {
    $hours++;
  }
  Main::to($user->email)->later(now()->addHours($hours), new MyEmail($user));
  $count++;
}
Run Code Online (Sandbox Code Playgroud)

我尚未对此进行测试,但我想每小时发送 100 封电子邮件,这是正确的方法吗?

php laravel

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

如何设置vuecropperjs的宽高比

从 vue-cropper.js 示例中,我找不到像选项中的 jquery 版本那样设置宽高比的方法。在jquery版本中,您可以将选项传递给使用作物的元素,在这个我找不到答案..

  <div id="app">
    <h2 style="margin: 0;">Vue CropperJS</h2>
    <hr/>
    <input type="file" name="image" accept="image/*"
           style="font-size: 1.2em; padding: 10px 0;"
           @change="setImage" />
    <br/>
    <div style="width: 400px; height:300px; border: 1px solid gray; display: inline-block;">
      <vue-cropper
          ref='cropper'
          :guides="true"
          :view-mode="2"
          drag-mode="crop"
          :auto-crop-area="0.5"
          :min-container-width="250"
          :min-container-height="180"
          :background="true"
          :rotatable="true"
          :src="imgSrc"
          alt="Source Image"
          :img-style="{ 'width': '400px', 'height': '300px' }">
      </vue-cropper>
    </div>
    <img :src="cropImg" style="width: 200px; height: 150px; border: 1px solid gray" alt="Cropped Image" />
    <br/>
    <br />

    <button @click="cropImage" v-if="imgSrc != ''" style="margin-right: 40px;">Crop</button>
    <button @click="rotate" …
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2 cropperjs

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

标签 统计

vue.js ×2

cropperjs ×1

laravel ×1

nuxt.js ×1

php ×1

vuejs2 ×1

vuex ×1