Question

我有一个简单的表，每个tr都是一个带有特定顺序的链接，但是我必须在检查时有一个额外的列，或者这个订单已经存储了。（用checboxes）我不能这样，因为当我添加这个，然后所有行我一个链接，但我想这最后一列不是一个链接，而是简单的checboxes。这是我的代码：

<table class="table">
            <tr>
                <th>Order Number</th>
                <th>Name</th>
                <th>Tel</th>
                <th>Email</th>
                <th>Status</th>
                <th>Order date</th>
                <th>IS in store?</th>
            </tr>

            <router-link :to="'/orderDetail/'+order.id" tag="tr" v-for="order in orders" :key="order.number"
                         class="order-row">
                <td>{{order.number}}</td>
                <td>{{order.client_name}}</td>
                <td>{{order.phone}}</td>
                <td>{{order.email}}</td>
                <td>{{order.actual_status}}</td>
                <td>{{order.order_date}}</td>
                <td>Here should be checbox with id of roder, but not as a link</td>
            </router-link>

        </table>

html css：

  .order-row:hover td {
  cursor: pointer;
  transition-duration: 0.3s;
  background-color: #EfEEEE;
  border-top: 1px solid #e0093e;
  border-bottom: 1px solid #e0093e;
  color: #e0093e;

}

Answer 1

尝试以下方面的内容：

<td><input type="checkbox" v-model="order.actual_status"></td>

Answer 2

首先创建一个方法，类似这样的

- (BOOL)application:(UIApplication *)application willContinueUserActivityWithType:(nonnull NSString *)userActivityType {}

- (BOOL)application:(UIApplication *)application continueUserActivity:(nonnull NSUserActivity *)userActivity restorationHandler:(nonnull void (^)(NSArray * _Nullable))restorationHandler {}

然后在表td点击这个函数，就像这样

        orderRedirect: function(order) {
            this.$router.replace('/orderDetail/' + order.id); // For Vuejs 2
            this.$route.router.go('/orderDetail/' + order.id); //For Vuejs 1
        },

这是您可以从复选框td

中删除链接的方法之一

Html，Vue，Laravel - 在v-for和table中循环

2 个答案: