小编use*_*620的帖子

如何在没有href ="#"的情况下将焦点放在锚标签上

如何在使用键盘标签时给予焦点?

<a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
Run Code Online (Sandbox Code Playgroud)

我试过用这样的css

ui-datepicker-prev:focus { border:1px solid red}
Run Code Online (Sandbox Code Playgroud)

但这不行.谁知道?

css

6
推荐指数
2
解决办法
4113
查看次数

如何在 Vuetify 中删除 v-tab 过渡幻灯片?

单击时是否可以删除过渡幻灯片v-tabs

 <v-tabs v-model="tab" :transition="false" :reverse-transition="false">
        <v-tab href="#tab1" >
          tab1
        </v-tab>
        <v-tab href="#tab2">
          tab2
        </v-tab>
      </v-tabs>
Run Code Online (Sandbox Code Playgroud)

这不起作用

css vuetify.js

5
推荐指数
2
解决办法
8187
查看次数

在VUE.js中隐藏侧边栏组件某些页面

我正在使用 Vue.js,我有一个问题。

有没有办法sidebar只隐藏某些页面的组件?这是我下面的代码。

路由器.js

  const routes = [
  {
    path: '/',
    redirect: '/home',
    component: () => import('@/layout/MainLayout'),
    children: [
      {
        path: 'home',
        name: 'Home',
        component: () => import('Views/Home.vue'),
      }, 
    ],
  },
  {
    path: '/subpage',
    redirect: '/subpage/subpage',
    component: () => import('@/layout/MainLayout'),
    children: [ 
      {
        path: 'subpage',
        name: 'Subpage',
        component: () => import('Views/Subpage/Subpage.vue'),
      }, 
    ],
  }, 
];
Run Code Online (Sandbox Code Playgroud)

MainLayout.vue

<template>
  <div id="content" class="content"> 
    <router-view></router-view> 
    <Sidebar></Sidebar> 
  </div>
</template>

<script>
import Sidebar from '@/components/Sidebar.vue'; 

export default {
  components: {
    Sidebar, 
  },
};
</script> …
Run Code Online (Sandbox Code Playgroud)

vue.js

4
推荐指数
1
解决办法
1715
查看次数

Vuetify &lt;v-data-table&gt; 自定义 &lt;th&gt; 标头

我正在使用 Vuetify <v-data-table>。如何在表格标题上添加按钮<th>

这段代码是我到目前为止所尝试过的。

<v-data-table v-model="selected" :headers="headers" :items="desserts">
  <template slot="items" slot-scope="row">
    <th><button>button</button></th>
  </template>
</v-data-table>  

<script>
export default {
    data:() =>({
    headers: [
          {
            text: 'Dessert (100g serving)',
            align: 'start',
            sortable: true,
            value: 'name',
          },
          { text: 'Calories', value: 'calories' },
          { text: 'Fat (g)', value: 'fat' },
          { text: 'Carbs (g)', value: 'carbs' },
          { text: 'Protein (g)', value: 'protein' },
          { text: 'Iron (%)', value: 'iron' },
        ],
});
</script>
Run Code Online (Sandbox Code Playgroud)

请帮忙。

html vue.js vuejs2 vuetify.js v-data-table

2
推荐指数
1
解决办法
7839
查看次数

标签 统计

css ×2

vue.js ×2

vuetify.js ×2

html ×1

v-data-table ×1

vuejs2 ×1