小编jun*_*ihh的帖子

在 Nuxt.js 中使用 Vuex - 正确的方法

我尝试将 Vuex 添加到我的 Nuxt.js 项目中。我制作了一个自定义 ligthbox 并通过所有页面共享我将代码写入默认布局页面。

从页面中,要隐藏或显示 ligthbox,我需要更改状态值。这是“store”文件夹中的所有模块:

// state.js
export const state = () => ({
    lightbox: false,
});
Run Code Online (Sandbox Code Playgroud)
// getters.js
export const getters = {
    getLightbox(state)
    {
        return state.lightbox
    },
}
Run Code Online (Sandbox Code Playgroud)
// actions.js
export const actions = {
    showLightbox({commit})
    {
        commit('UPDATE_LIGHTBOX', true)
    },
    hideLightbox({commit})
    {
        commit('UPDATE_LIGHTBOX', false)
    },
}
Run Code Online (Sandbox Code Playgroud)
// mutations.js
export const mutations = {
    UPDATE_LIGHTBOX(state,value)
    {
        state.lightbox = value
    },
}
Run Code Online (Sandbox Code Playgroud)

然后,当我尝试从方法中调用“this.$store.state.lightbox”时,我收到 500 错误:

TypeError: Cannot read property 'getters' of undefined
Run Code Online (Sandbox Code Playgroud)

即使我尝试使用这种方式,我也会遇到同样的错误:

TypeError: Cannot read …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vuex nuxt.js

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

TranslateX 一个对象并保持最终位置

我用 CSS TranslateX 编写了一个测试。动画有效,但对象没有保持最终位置,而是返回到原始位置。

怎样才能保住最后的位置呢?

这里是CSS:

@-webkit-keyframes mover {
    0% { -webkit-transform: translateX(0); }
    100% { -webkit-transform: translateX(300px); }
} 
@-moz-keyframes mover {
    0% { -moz-transform: translateX(0); }
    100% { -moz-transform: translateX(300px); }
} 
@-o-keyframes mover {
    0% { -o-transform: translateX(0); }
    100% { -o-transform: translateX(300px); }
} 
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(300px); }
}

#box {
    position: relative;
    top: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background-color: #666;
}

.box-mover {
    -webkit-animation: …
Run Code Online (Sandbox Code Playgroud)

css transform

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

使用"Access-Control-Allow-Origin"POST到express.js

我是Node和Express的新手.我可以从我的服务器应用程序获取数据但在POST时失败.

我的客户端在" http://myapp.com "上,节点应用在" http://myapp.com:34627 "上.

这是Node应用程序:

var express = require('express'), app = express();
var result = {};


app.configure(function()
{
    app.use(express.json());
    app.use(express.urlencoded());
});

app.set("jsonp callback", true);


app.get('/get/users/:userid/:username',function(req,res)
{
    var userID = req.params.userid;
    var userName = req.params.username;

    result = {
        response: 'OK',
        url_userid: userID,
        url_username: userName
    };

    res.header('Access-Control-Allow-Origin','http://listasapp.in');
    res.json(200,result);
});


app.post('/post/user',function(req,res)
{
    console.log( req.body );

    result = {
        response: 'OK'
    };

    res.jsonp(200,result);
});


var server = app.listen(34627,function()
{
    console.log( 'Server running at http://myapp.com:' + server.address().port );
});


$('#get-data').on('click tap',function()
{
    var …
Run Code Online (Sandbox Code Playgroud)

post cross-domain node.js cors express

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

使用Python将时间从UTC转换为GMT

我正在写一个python应用程序,它将YML文件转换为我的博客的静态HTML页面(静态站点生成器).我想添加RSS提要.在某个地方,我读到发布日期必须是:

<pubDate>Wed, 05 Jul 2017 18:38:23 GMT</pubDate>
Run Code Online (Sandbox Code Playgroud)

但是我有:

<pubDate>2017-07-05T18:38:23+00:00</pubDate>
Run Code Online (Sandbox Code Playgroud)

datetime来自Python 的API对于这些来说非常麻烦.如何将字符串转换2017-07-05T18:38:23+00:00为GMT?

谢谢你的到来.

python datetime utc gmt

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

标签 统计

cors ×1

cross-domain ×1

css ×1

datetime ×1

express ×1

gmt ×1

javascript ×1

node.js ×1

nuxt.js ×1

post ×1

python ×1

transform ×1

utc ×1

vue.js ×1

vuex ×1