更改/组件路由器路径的特定视图

Question

嘿还有另一个问题：

我在组中有一个div命名组我在组下方有几个块/ div

小组（家长）在这里：

<div v-if="block.blocktype == 'partial'">
      <h1>{{block.name}}</h1>
      <component v-if="block.template_path" :is="block.template_path" :key="block.template_path" v-bind:bduuid="block.uuid"  v-bind:block_data="block.block_data">
      </component>
    </div>

像这样的div组件：

<v-date-picker
        ref="picker"
        v-model="date"
        :picker-date.sync="pickerDate"
        :events="arrayEvents"
        event-color="green lighten-1"
        full-width
        reactive="true"
        :locale="this.localication"
      ></v-date-picker>
    </div>
<span style="color: blue;" @click="CreateNewAppintmentFunction()">Create new Appointment</span>

所以现在我想在用this.$router.push("appointment/quickedit");the点击之后将子视图从“show”更改为“new”

CreateNewAppintmentFunction()

任何人都知道如何将路由器路径从“显示预约”更改为“新预约”

非常感谢

Answer 1

我不知道我是否正确，但如果你想拥有页面的动态路径。你可以做这样的事情

例如：

{ path: "baseurl/:appointment/quickedit", component: YourComponent, name: yourComponentName ... }

您可以将关键字设置为路由器参数。

this.$router.push("baseurl/show_appointmen/quickedit")
this.$router.push("baseurl/edit_appointmen/quickedit")

并且在挂钩中你可以获得预约参数，并做你的逻辑。