小编Osm*_*afi的帖子

在 vue 2 中v-html需要渲染一个额外的包装标签。但我正在尝试类似以下的事情。

<select v-model="coutnry">
 // here the options to be rendered.
</select>


<script>
...
data()}{
 return{
  countryTags:`<option value="BD">Bangladesh</option>`
 }
}
</script>

因为，在这里我无法渲染任何额外的 html 标签，我累了<template v-html="countryTags">，但这不起作用。stackoverlflow 周围的另一个解决方案似乎有点令人困惑。正确的解决方案是什么？

我正在 React 中尝试代码片段。我怎样才能像在 PHP laravel 框架中为我们提供的 diffForHumans() 函数那样在 react 中以人类可读的形式创建 created_at 属性？

<div className="media-body">
      <h3 className="mt-0"><a href="">{question.title}</a></h3>
      <p className="lead">
            Asked By
            <a href="{question.user.url}" className={"px-2"}> 
              {question.user.name}
            </a>
            <small className="text-muted px-1">{question.created_at}
           </small>

        </p>
        <p className="small">{question.body.substring(0, 250) + '...'}</p>
        <hr/>
</div>

您可以在此处查看完整代码：https : //codepen.io/osman-rafi/pen/ZEzdozJ

在<small className="text-muted px-1">{question.created_at}</small>像 2019-09-26 08:26:18 这样的 provies 输出中，但我想要更易读的形式，比如“2 天前”或“一小时前”。提前致谢！

这里，路由器防护在我的 vue 应用程序上工作正常，但登录后，控制台上出现以下错误。

未捕获（承诺中）错误：通过导航防护从“/login”转到“/”时重定向。

这是我的代码片段。

const routes = [
  {
    path: "/login",
    component: () => import("../views/Auth/Login"),
    meta: { hideForAuth: true },
  },
  {
    path: "/",
    component: DashboardLayout,
    meta: { requiresAuth: true },
    children: [
      {
        path: "home",
        name: "Home",
        component: () => import("../views/Home"),
      },
    ],
  },
];

Auth 守卫：

const loggedIn = localStorage.getItem("auth");

router.beforeEach((to, from, next) => {
  if (to.matched.some((record) => record.meta.requiresAuth)) {
    if (!loggedIn) {
      next({ path: "/login" });
    } else {
      next();
    }
  } else {
    next();
  } …

我是 Vuejs 新手，对 vue 反应系统仍然不太清楚。在下面的代码中，我尝试使用方法更新数据属性中变量的初始值。

<script>
  name: "OrderDetails",
  data(){
    tax:5,
    subtotal:0
  },

  computed:{
    calculateSubtotal:()=> {
      let subtotal;

      -----some code--------

      this.subtotal = subtotal;
    }
  }
</script>

但小计仍然为 0。如何更新该值？这是代码片段https://codesandbox.io/s/affectionate-borg-384rl?file=/src/App.vue

提前致谢。

如何将 Laravel sainttum csrf cookie 路由更改为/api/sanctum/csrf-cookie？

我尝试了以下更改：

配置/圣所

'middleware' => [
        'verify_csrf_token' => App\Http\Middleware\VerifyCsrfToken::class,
        'encrypt_cookies' => App\Http\Middleware\EncryptCookies::class,
],

'prefix' => 'api'

但这不起作用。该怎么办 ？提前致谢 ！