我有两个相关的模型:Category和Post.
该Post模型具有published范围(方法scopePublished()).
当我尝试获取该范围的所有类别时:
$categories = Category::with('posts')->published()->get();
我收到一个错误:
调用未定义的方法
published()
类别:
class Category extends \Eloquent
{
public function posts()
{
return $this->HasMany('Post');
}
}
帖子:
class Post extends \Eloquent
{
public function category()
{
return $this->belongsTo('Category');
}
public function scopePublished($query)
{
return $query->where('published', 1);
}
}
对于api_token的vue-axios auth,我使用帮助文件api.js.
我收到错误 - 未捕获TypeError:无法读取未定义的属性'getters'.
我认为api.js帮助器看不到全局存储 - Vuex $ store.
在其他组件中,我不需要导入Vuex存储,他可以在app的任何地方使用.
如何使用这个.$ storage in helper？
//api.js
import axios from 'axios'
let api_token = this.$store.getters.get_api_token //got error!
export function get(url) {
return axios({
method: 'GET',
url: url,
headers: {
'Authorization': `Bearer ${api_token}`
}
})
}
//Vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
api_token: 'vnbnvnvnvb',
},
getters: {
get_api_token(state){
return state.api_token
}
},
});
export default store
//App.vue
import {get} from './helpers/api'; …在 Buefy 导航栏组件项元素有
<b-navbar-item href="/job">
job
</b-navbar-item>
它呈现标准的ahtml 标签。单击时，页面重新加载。我想在nuxt-link没有重新加载页面的情况下使用Nuxt 标签。
这段代码有效，但我的 css 设计 Bulma 导航栏坏了。
<b-navbar-item >
<nuxt-link to="/job">
Job
</nuxt-link>
</b-navbar-item>
在 NuxtJs 应用程序中，我通过 AsyncData() 方法在服务器端获取了 data()。
例如，我需要删除一个条目并在不重新启动浏览器的情况下刷新页面。
在纯 Vue 中，我会编写一个 ajax 方法来在删除后更新服务器中的数据。通常此方法与初始加载相同，并且位于“已安装”中。但是 NuxtJs 无法再次访问 async Data() 方法。或者我可以吗？
async asyncData({$axios, params}) {
const {data} = await $axios.$get(`/topics/${params.id}`)
return {
topic: data
}
},
-------------------------
async deletePost(id) {
await this.$axios.$delete(`/topics/${this.topic.id}/posts/${id}`)
// bad idea - hard reset
window.location.reload(true)
//how refresh by asyncData()?
},
嗨，我不会用锚点位置渲染视图 - http://example.com/index.php#top
可能是这样的：
$this->render('index', ['data' => $data], 'anchor'=>'top');
有任何想法吗？
如何使用php表单等发布数据重定向到另一个页面？
<button @click="sendData(foo)">Submit</button>
------------------------------
sendData(foo){
//redirect to another page with post data $_POST['foo']
....
}
如何正确地在一个css文件中合并多个scss文件？
我当前的配置webpack.mix.js
mix.sass(
[
'resources/assets/sass/one.scss',
'resources/assets/sass/two.scss',
], 'public/css/style.css');
但这行不通。
我首先尝试首先mix.combined scss文件，然后mix.sass ...
但是在“ npm run watch”之后，我循环了疯狂的CLI。
我将在Nuxtjs应用程序中通过Vue.set（）设置属性。
editPost(post) {
Vue.$set(post, 'edit', true)
}
得到错误：未定义Vue