有没有办法确定像下面这样的 Axios 请求是否收到答复并完成?
axios.get('/api')
.then(response => this.data = response.data);
Run Code Online (Sandbox Code Playgroud) 所以我只想当用户将鼠标放在 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 位于另一个函数内部,所以它找不到实际的悬停数据变量。解决这个问题的办法是什么?
我想生成使用特定 subreddit 的用户的用户名列表。
据我所知,不可能简单地获得订阅 subreddit 的用户列表。如果这是不可能的,最好浏览所有线程并查看谁发表了评论。
我将如何处理这个问题?
我的网站上有私人消息功能。消息窗口是一个固定元素:
position: fixed;
bottom: 0;
Run Code Online (Sandbox Code Playgroud)
在 iOS 上,当打开位于消息窗口最底部的输入时,键盘只是将整个网站推到顶部,这样您仍然可以看到您正在输入的内容。
但是,在 Android 上,键盘只是重叠所有内容,因此您不再看到输入元素:
我该怎么做才能让它在 iOS 和 Android 上都能运行?
我正在使用VeeValidate来验证表单。但是,我想在不使用 JS 的情况下提交表单。但是,我仍然希望用户无法提交,如果有任何错误。如果我使用
<form @submit.prevent="validateBeforeSubmit">
Run Code Online (Sandbox Code Playgroud)
它完全禁用默认操作。
你能想到什么解决办法吗?谢谢!
我在 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) 我面临一个有趣的问题:我有一个表单,我想在其中插入旧值(如果表单之前提交过),如下所示:
<input type="text" :value="oldName" id="name" />
Run Code Online (Sandbox Code Playgroud)
现在的问题是我不能像这样覆盖 oldName 变量,所以是的,我在那里有旧值,但我不能再改变它了。你能想到解决办法吗?我基本上希望值在文本字段中,但我希望用户能够更改它。谢谢!
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 全屏显示,以便主页按钮后面不再有白条?
布尔玛添加了以下行:
img, embed, iframe, object, video {
height: auto;
max-width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
而且我无法弄清楚如何将嵌入的 YouTube 视频设置为它们的预期高度,因为height: auto它们的高度会变小,height而且我知道没有任何属性可以解决这个问题。因为对于每种可能性,视频的高度都会变低(相同大小)。所以我什至不能覆盖它。
谁能想到解决办法?
当我使用表单发布到 /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)
这是一个安全风险,对吧?这是为什么?我该如何修复它?
所以我在我的应用程序中有一个像这样的链接:
<a href="/threads/my-first-thread/" @click="openThread">My first thread</a>
Run Code Online (Sandbox Code Playgroud)
此刻,当我单击链接时,浏览器将跟随href链接并执行“ openThread”方法。我想将链接保留在其中,以便它向用户显示单击会将其带到何处,但我不希望浏览器实际跟随该链接(我而是打开灯箱,然后使用pushState更改网址) 。我希望它仅执行给定的方法。
有什么办法吗?谢谢!
vue.js ×5
javascript ×4
css ×2
forms ×2
ios ×2
laravel ×2
android ×1
axios ×1
bulma ×1
csrf ×1
data-binding ×1
database ×1
delay ×1
frameworks ×1
height ×1
home-button ×1
iframe ×1
json ×1
mouseover ×1
mysql ×1
php ×1
praw ×1
python ×1
reddit ×1
scope ×1
url ×1
webview ×1
wkwebview ×1
xcode ×1