我有根状态,其中包含来自 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过滤器的问题.
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)如果我有 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 封电子邮件,这是正确的方法吗?
从 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)