Question

嘿，还有一个问题：

我在组中有一个名为group的div，我在该组下有几个block / divs

该组（父母）在这里：

<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");

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")

在挂接的钩子中，您可以获取约会参数并执行逻辑。

vue更改特定的du /组件路由器路径

1 个答案: