小编Hil*_*cow的帖子

判断axios请求是否完成

有没有办法确定像下面这样的 Axios 请求是否收到答复并完成?

axios.get('/api')
.then(response => this.data = response.data);
Run Code Online (Sandbox Code Playgroud)

json vue.js axios

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

Vue范围:如何延迟处理@mouseover

所以我只想当用户将鼠标放在 div 上至少 1 秒时才执行操作。内部模板:

<div @mouseover="trigger"></div>
Run Code Online (Sandbox Code Playgroud)

内部脚本:

data() {
    return {
        hovered: false
    }
}

methods: {
    trigger() {
        setTimeout(function(){ this.hovered = true }, 1000)
    }
}
Run Code Online (Sandbox Code Playgroud)

我的问题是我不了解 Vue 的范围。因为 this.hovered 位于另一个函数内部,所以它找不到实际的悬停数据变量。解决这个问题的办法是什么?

javascript scope mouseover delay vue.js

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

获取使用特定 subreddit 的用户的 Reddit 用户名

我想生成使用特定 subreddit 的用户的用户名列表。

据我所知,不可能简单地获得订阅 subreddit 的用户列表。如果这是不可能的,最好浏览所有线程并查看谁发表了评论。

我将如何处理这个问题?

python reddit praw

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

如何处理覆盖固定元素的Android键盘?

我的网站上有私人消息功能。消息窗口是一个固定元素:

position: fixed;
bottom: 0;
Run Code Online (Sandbox Code Playgroud)

在 iOS 上,当打开位于消息窗口最底部的输入时,键盘只是将整个网站推到顶部,这样您仍然可以看到您正在输入的内容。

IOS

但是,在 Android 上,键盘只是重叠所有内容,因此您不再看到输入元素:

安卓

我该怎么做才能让它在 iOS 和 Android 上都能运行?

javascript css android google-chrome ios

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

Vue.js:仅当条件为真时才阻止表单提交

我正在使用VeeValidate来验证表单。但是,我想在不使用 JS 的情况下提交表单。但是,我仍然希望用户无法提交,如果有任何错误。如果我使用

<form @submit.prevent="validateBeforeSubmit">
Run Code Online (Sandbox Code Playgroud)

它完全禁用默认操作。

你能想到什么解决办法吗?谢谢!

javascript forms vue.js

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

Laravel:“on 子句”中的未知列 $parameter

我在 Laravel 中的 DB 查询和参数绑定中使用参数时遇到问题。

我收到此错误:

Error: "Column not found: 1054 Unknown column '3' in 'on clause'"
Run Code Online (Sandbox Code Playgroud)

这是查询的一部分:

->join('foo AS f1', function($join) use ($bar)
      {
           $join->on('f1.foo', '=', 'f2.foo')
                ->on('f1.bar', '=', $bar);
      })
Run Code Online (Sandbox Code Playgroud)

如果我这样做,它会起作用:

->on('f1.bar', '=', DB::raw($bar));
Run Code Online (Sandbox Code Playgroud)

解决这个问题的方法是什么?当然,我也想为此使用参数绑定。但是,当我这样做时:

->on('f1.bar', '=', ':bar', ['bar' => $bar]);
Run Code Online (Sandbox Code Playgroud)

我明白了:

ErrorException in Grammar.php line 196:
Array to string conversion
Run Code Online (Sandbox Code Playgroud)

php mysql database parameterbinding laravel

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

Vue.js:将值插入文本字段但不绑定它

我面临一个有趣的问题:我有一个表单,我想在其中插入旧值(如果表单之前提交过),如下所示:

<input type="text" :value="oldName" id="name" />
Run Code Online (Sandbox Code Playgroud)

现在的问题是我不能像这样覆盖 oldName 变量,所以是的,我在那里有旧值,但我不能再改变它了。你能想到解决办法吗?我基本上希望值在文本字段中,但我希望用户能够更改它。谢谢!

data-binding vue.js

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

iOS:使 WebView 全屏(隐藏主页按钮后面的白色背景)

iOS 开发新手。

内容视图.swift:

struct ContentView: View {
    var body: some View {
         WebView(url: "https://www.stackoverflow.com")
    }
}
Run Code Online (Sandbox Code Playgroud)

WebView.swift:

struct WebView: UIViewRepresentable {
    
    var url: String
    
    func makeUIView(context: Context) -> WKWebView {
        guard let url = URL(string: self.url) else {
            return WKWebView();
        }
              
        let request = URLRequest(url: url)
        let wkWebView = WKWebView()
        wkWebView.load(request)
        wkWebView.allowsBackForwardNavigationGestures = true
        return wkWebView
    }
    
    func updateUIView(_ uiView: WKWebView, context: UIViewRepresentableContext<WebView>) {
      
    }
}
Run Code Online (Sandbox Code Playgroud)

结果在主页按钮指示器后面出现一个白条:

白条

如何使 webview 全屏显示,以便主页按钮后面不再有白条?

xcode webview ios home-button wkwebview

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

Bulma(css 框架)自动添加 iframe 高度,嵌入的 YouTube 视频获得更少的高度

布尔玛添加了以下行:

img, embed, iframe, object, video {
    height: auto;
    max-width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

而且我无法弄清楚如何将嵌入的 YouTube 视频设置为它们的预期高度,因为height: auto它们的高度会变小,height而且我知道没有任何属性可以解决这个问题。因为对于每种可能性,视频的高度都会变低(相同大小)。所以我什至不能覆盖它。

使用 Bulma 嵌入 YouTube 视频

谁能想到解决办法?

css iframe height frameworks bulma

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

Laravel:通过 axios 登录不需要 CSRF 令牌

当我使用表单发布到 /login 路由时,需要有效的 CSRF 令牌。

<form role="form" method="POST" action="/login">
Run Code Online (Sandbox Code Playgroud)

但是,我可以完全登录而无需令牌,只需使用:

axios.post("/login", { email:this.email, password:this.password })
    .then((res) => {
        window.location.href = "/dashboard";
    })
Run Code Online (Sandbox Code Playgroud)

这是一个安全风险,对吧?这是为什么?我该如何修复它?

forms authentication csrf laravel

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

Vue.js:如何防止浏览器转到href链接,而只执行@click方法?

所以我在我的应用程序中有一个像这样的链接:

<a href="/threads/my-first-thread/" @click="openThread">My first thread</a>
Run Code Online (Sandbox Code Playgroud)

此刻,当我单击链接时,浏览器将跟随href链接并执行“ openThread”方法。我想将链接保留在其中,以便它向用户显示单击会将其带到何处,但我不希望浏览器实际跟随该链接(我而是打开灯箱,然后使用pushState更改网址) 。我希望它仅执行给定的方法。

有什么办法吗?谢谢!

javascript url preventdefault vue.js

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