在vuex getter中我知道可以从另一个vuex模块访问状态,如下所示:
pages: (state, getters, rootState) => {
console.log(rootState);
}
如何从另一个vuex模块而不是状态访问getter？
我有另一个名为过滤器的 vuex模块,我需要访问,我试过这个:
rootState.filters.activeFilters
activeFilters我的吸气剂在哪里,但这不起作用.使用rootState.filters.getters.activeFilters也行不通.
我正在尝试播种我的用户表.如果我这样尝试2行,它就会失败.如果我只使用单个数组而不是$ users数组中的2个数组来创建一些假数据,它就可以正常工作.
我做错了什么,这样做的正确方法是什么？
class UserTableSeeder extends Seeder {
public function run()
{
DB::table('users')->delete();
$users = [
['id' => 1, 'name' => 'Stephan de Vries', 'username' => 'stephan', 'email' => 'stephan-v@gmail.com', 'password' => bcrypt('carrotz124')],
['id' => 2, 'name' => 'John doe', 'username' => 'johnny', 'email' => 'johndoe@gmail.com', 'password' => bcrypt('carrotz1243')],
];
User::create($users);
}
}
在脚本内部我试图用oauth令牌克隆Github存储库.
根据本教程:
https://github.com/blog/1270-easier-builds-and-deployments-using-git-over-https-and-oauth
我应该能够为它构建一个命令:
git clone https://<token>@github.com/owner/repo.git
如果我使用适当的访问令牌手动尝试此操作,它仍然会要求我输入密码.
如果我在命令行上尝试它,我只是得到一个repository not found错误.
该文章来自2012年,我找不到任何API文档.所以我想知道这是否仍然有效.
我有一个元素,我想看到这样的变化:
<span id="slider-value-upper" class="lower">50</span>
是否可以用vuejs干净利落地做到这一点？我试过查看文档,但我找不到这样的东西.
我希望每当'50'用VueJs改变其他东西时启动一个自定义事件.
这是我的主要javascript文件:
import Vue from 'vue'
new Vue({
el: '#app'
});
我的HTML文件:
<body>
<div id="app"></div>
<script src="{{ mix('/js/app.js') }}"></script>
</body>
运行时构建的Vue.js的Webpack配置:
alias: {
'vue$': 'vue/dist/vue.runtime.common.js'
}
我仍然得到这个众所周知的错误:
[Vue警告]:无法安装组件:模板或渲染函数未定义.(在根实例中找到)
为什么我在装载Vue的#app div中没有一个东西,我仍然得到渲染/模板错误？它说,found in root但没有任何东西可以找到,因为它甚至没有任何内容？
如果这不起作用我怎么想装？
编辑:
我试过这样似乎有用:
new Vue(App).$mount('#app');
这是有道理的,因为使用该el属性意味着您正在"扫描"任何组件的dom元素,并且它没用,因为运行时构建没有编译器.
仍然是一个非常奇怪的错误消息,特别是当我把整个#app div清空时.
希望有人可以证实我的想法.
我有一个我想要应用于json对象的过滤器列表.
我的突变看起来像这样:
const mutations = {
setStars(state, payload) {
state.stars = payload;
this.dispatch('filter');
},
setReviews(state, payload) {
state.reviews = payload;
this.dispatch('filter');
}
};
由于过滤器如何工作,我需要再次重新应用它们,因为我不能简单地保持向下过滤列表,因为当用户取消选择过滤器选项时,这会让我遇到麻烦.
因此,当对星星过滤器或评论过滤器(用户正在过滤)进行变异时,我需要调用运行所有过滤器的函数.
这里最简单的选择是什么？我可以添加某种帮助函数,还是可以设置一个调用实际过滤结果的突变的动作？
我正在运行Webpack,Babel和Vue.js,我想分割我的输入文件.目前我有一个app.js文件,它是我的应用程序的起点.
我有一些代码我要放入一个bootstrap.js文件,我想要包含在我的主app.js文件中,我可以有一个干净的文件开始使用Vue并在其中添加组件.
我希望在bootstrap.js文件中添加的一些示例:
import messagesNL from './translations/nl';
Vue.use(VeeValidate, {
locale: 'nl',
dictionary: {
nl: {
messages: messagesNL
}
}
});
window.Vue = Vue;
所以插件,全局配置等的设置非常多.我觉得这不是你的典型模块,我觉得很难为这个文件创建一个类似结构的模块,所以我基本上在我的app.js文件中使用它:
import bootstrap from './bootstrap';
不知道这是否会起作用,它似乎只是整齐地导入所有内容而没有我做了module exports {}类似的语法.
现在我分配给该文件的bootstrap变量未被使用,app.js因为它仅用于要求文件和我的IDE类型'greys`它让我知道它未使用.
是否有另一种语法,以便我不必为其分配名称？这种方法可以分割我的文件,还是我应该做其他事情？
我还没有把它放到一个合适的模块中,因为它会拥有它自己的本地范围,我不确定如何使用所有插件设置Vue等.如果有人有更好的建议,我愿意接受它.
干杯.
我对这里放置全局函数感到困惑.在很多示例中,main.js文件指向应用程序组件,并将其放在html中的某个位置.这个工作流程对我来说很好.如果我只是简单地包含我在这个app组件中的所有逻辑.但我将组件与Laravel功能相结合,所以这对我不起作用.
目前我的main.js文件包含一些方法,我需要从我的应用程序中的任何位置访问.这些方法不包含任何广播事件,因此只要它们获得vue-resource实例,它们就可以有效地放置在任何地方.
我的main.js文件:
https://github.com/stephan-v/BeerQuest/blob/develop/resources/assets/js/main.js
希望有人可以告诉我,如果我使用vuex或者一般情况下我可以放置友谊方法,因为这似乎不是最佳实践.
谢谢.
每当你想使用来自Vuex的mapGetter助手的计算getter时,你会像这样使用它:
...mapGetters([
'getter1',
'getter2',
'etc'
])
我已经看到之前使用的扩展运算符扩展数组以用作函数参数,但不是在我们在这里看到的mapGetters示例方法之前.
在查看mozilla文档时,我无法找到这种语法的示例:
https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Operators/Spread_operator
什么都没有.这种语法究竟是如何起作用的？这种情况可能会有人提供一些关于此的文档吗？
我目前在laravel安装中使用algolia作为我的搜索引擎,因此无论何时创建记录,它都会被发送到agolia数据库.当然,我想在algolia数据库中分离我的数据,其中包含用于本地开发的测试集和用于实时站点的生产集.我已经定义了我的algolia数据库的哪些索引正在javascript文件中使用.
现在我想知道如何根据我当前的环境相应地对我的APP_ENV变量做出反应来改变它？很显然,我需要把东西变成一个if语句在我的JavaScript,但我怎么做我的javascript访问.ENV变量是否正确？
希望有人可以帮助我.
干杯.