vue点击切换机票往返程

你可以使用Vue的v-on指令和v-bind指令来实现点击切换机票往返程。

1. 首先，在你的模板中创建两个按钮：一个用于选择单程，一个用于选择往返程。

<button v-on:click="oneway = true" v-bind:class="{ active: oneway }">单程</button>
<button v-on:click="oneway = false" v-bind:class="{ active: !oneway }">往返程</button>

2. 在你的Vue实例中，创建一个数据属性`oneway`，并将其初始化为`true`，表示默认选择单程。

new Vue({
  el: '#app',
  data: {
    oneway: true
  }
});

3. 对于往返程，你可以在模板中添加日期选择器等其他表单元素，具体实现方式取决于你的UI设计和需求。

<div v-if="!oneway">
  <label>出发日期：</label>
  <input type="date">
  <label>返程日期：</label>
  <input type="date">
</div>

4. 最后，你可以根据`oneway`的值来动态渲染不同的机票信息。

<div v-if="oneway">
  <!-- 单程机票信息 -->
</div>
<div v-else>
  <!-- 往返机票信息 -->
</div>