小编Pet*_*rus的帖子

在自定义组件上使用时 v-model 和 .sync 有什么区别

我不明白组件上使用的 v-model 和 .sync 之间的区别。

<my-component v-model="myVar">
Run Code Online (Sandbox Code Playgroud)

V-model 是将变量 (myVar) 绑定到组件属性 'value' 并侦听从组件发出的 'input' 事件以更新变量 'myVar' 的简写。

<my-component v-bind:prop1.sync="myVar">
Run Code Online (Sandbox Code Playgroud)

.sync 是将变量 (myVar) 绑定到组件属性(在本例中为“prop1”)并侦听从组件发出的“update:prop1”事件以更新变量“myVar”的简写。

我知道默认情况下 v-model 仅适用于 'value' 属性和 'input' 事件,但即便如此,也可以使用组件中的 'model' 选项进行自定义。

如果有人可以向我解释差异或何时使用什么,那就太好了。

这是我以三种不同方式使用相同组件的示例:1) 手动绑定 + 事件监听 2) .sync 3) v-model

vue.js vue-component vuejs2 v-model

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

无法使用 Azure AD 和客户端凭据流请求特定范围的 OAuth2 令牌

我们正在开发一个具有前端和后端的应用程序。应使用 OAuth2 令牌通过 Rest API 访问后端。授权提供商是 Azure AD。

在 Azure 中,我们创建了 2 个应用程序注册。一种用于 API,一种用于客户端应用程序。API 注册定义了 3 个范围(读、写、删除)。客户端应用程序注册已委派这些范围的权限。

我们正在从客户端应用程序注册请求带有 clientID 和 clientSecret 的令牌。

问题是我们只能请求范围为 api/.default 的令牌。例如 api/read 会导致无效范围错误。但如果我们使用 api/.default,则令牌中不包含范围 (scp) 属性。是否不需要检查使用 API 的应用程序是否具有正确的权限?

我不确定我们是否做错了什么,或者我们是否有错误的理解/期望。

oauth token azure clientcredential

12
推荐指数
2
解决办法
2万
查看次数

节点服务器:由于不允许的 MIME 类型(“text/html”),加载模块被阻止

当我尝试使用非常简单的应用程序运行本地节点服务器时,我收到以下错误消息(请参阅下面的编码)。

由于不允许的 MIME 类型(“text/html”),从“ http://localhost:8080/importing.js ”加载模块被阻止。

我是 node 和 ES6 模块的新手,所以我不太了解问题的细节。根据此URL,必须为模块显式提供 MIME 类型“应用程序/javascript”。但是我如何在下面的示例中实现这一点?

索引.html

<!DOCTYPE html>
<html>
  <head>
    <script src="./importing.js" type="module"></script>
    <meta charset="utf-8">
  </head>
  <body>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

服务器.js

var http = require('http');
var fs = require('fs');

const PORT=8080;

fs.readFile('./index.html', function (err, html) {

    if (err) throw err;

    http.createServer(function(request, response) {
        response.writeHeader(200, {"Content-Type": "text/html"});
        response.write(html);
        response.end();
    }).listen(PORT);
});
Run Code Online (Sandbox Code Playgroud)

导入.js

import {a} from './exporting.js';

console.log(a);
Run Code Online (Sandbox Code Playgroud)

导出.js

export const a = 'Constant a';
Run Code Online (Sandbox Code Playgroud)

我用 CMD 启动服务器

node server.js
Run Code Online (Sandbox Code Playgroud)

javascript node.js mime-types es6-modules

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

导航后在 NextJs 13(带有应用程序目录)中重新渲染(根-)布局?

我的根布局包含我想要在每个页面上显示的导航以及子页面/布局的子属性:

export default function RootLayout({children}: {children: React.ReactNode}) {
return (
  <html lang="en">
    <head />
    <body>
      <Navbar isLoggedIn={isLoggedIn} />
      <maina>
        {children}
      </main>
    </body>
  </html>
)
Run Code Online (Sandbox Code Playgroud)

导航包含我想有条件显示的链接,例如注册登录注销。注册或登录后,客户端通过 router.push('/') 重定向到主页并发送 JWT 令牌。

我希望isLoggedIn()再次执行根布局中的函数,但根据 NextJs 文档,布局不会重新渲染并保持状态。

如何通知布局状态(用户已登录/注销)发生了变化?

layout typescript reactjs next.js

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