Question

我在href标签中给出了链接。但是它无法正常工作，因为它存在于App.vue文件中。如何使用href ??从App.vue文件进行导航？

<div v-if="city!=null">
  <f7-page>
    <center>
      <a
        style="position:absolute;top:10px;right:10px;z- 
   index:99;color:#242424;background-color:#FFFFFF;padding:4px 12px; border- 
   radius:40px"
        @click="save"
      >Skip</a>
      <f7-block style="margin:0px">
        <div style="color:gray;font-size: 14px;">Ready to Explore Local World ! </div>
        <div>
          <a
            href="/signup/"
            style="background-color:#273657;margin: 20px 10px 10px 
   10px"
            class="button button-fill button-big"
          ><b>Join Free</b></a>
        </div>
        <div style="color:gray;font-size: 14px;">Have an account?<span>
            <f7-link
              style="color:green;padding:5px"
              href="/login/"
            >Login</f7-link>
          </span>
        </div>
      </f7-block>
    </center>
  </f7-page>
</div>

Answer 1

假设您正在使用Vue-Router，则应使用router-link组件才能导航到另一条路线。有关更多信息，请参见https://router.vuejs.org/api/。

基本上，路由器在服务器端不起作用（因此，单击链接时不会触发HTTP调用），但是在客户端。当您单击路由器链接时，所有更改均由vue应用程序（javascript）处理。

href在vuejs应用的App.vue文件中不起作用

1 个答案: