小编Bra*_*rad的帖子

我正在尝试学习docker,我对数据量实际存在的位置感到困惑.

我正在使用Docker Desktop for Windows.(Windows 10)

在文档中,他们说在对象上运行docker inspect将为您提供源代码:https://docs.docker.com/engine/tutorials/dockervolumes/#locating-a-volume

$ docker inspect web

"Mounts": [
    {
        "Name": "fac362...80535",
        "Source": "/var/lib/docker/volumes/fac362...80535/_data",
        "Destination": "/webapp",
        "Driver": "local",
        "Mode": "",
        "RW": true,
        "Propagation": ""
    }
]

但我没有看到这个,我得到以下内容:

$ docker inspect blog_postgres-data
[
    {
        "Driver": "local",
        "Labels": null,
        "Mountpoint": "/var/lib/docker/volumes/blog_postgres-data/_data",
        "Name": "blog_postgres-data",
        "Options": {},
        "Scope": "local"
    }
]

谁能帮我？我只是想知道我的数据量实际存在于我的主机上的位置？如果是这样,我怎么能找到它的路径？

我有一个使用vue-cli创建的vue应用程序

我创建了一些组件,我想像这样使用它们:

<template>
    <oi-list>
        <oi-list-header>Task ID</oi-list-header>
        <oi-list-header>Tasks Title</oi-list-header> 
        <oi-list-header>Task Status</oi-list-header> 
        <div v-for="task in tasks">
            <oi-list-item>{{ task.id }}</oi-list-item>
            <oi-list-item>{{ task.title }}</oi-list-item>
            <oi-list-item>{{ task.status }}</oi-list-item>
        </div>
    </oi-list>
</tempalte>

我遇到的问题是我使用列表组件,我必须编写以下内容:

<script>
    import List from '@/components/List'
    import ListHeader from '@/components/ListHeader'
    import ListItem from '@/components/ListItem'

    export default {
    name: "Tasks",
    components: {
        'oi-list': List,
        'oi-list-header': ListHeader,
        'oi-list-item': ListItem
    }
<script>

我想要的是可重用组件要么全局注册,所以我不必每次都想要使用它们时导入它们和它们的子组件,或者在我使用它们时如何动态加载它们.这可能吗？

我过去使用过Vuetify,并且不需要您导入每个组件以便使用它.

请有人指出我正确的方向吗？谢谢.

我有以下 Vue 组件：

<template>
    <v-snackbar bottom :color="color" v-model="snackbar">
        {{ msg }}
        <v-btn flat @click.native="close()">Close</v-btn>
    </v-snackbar>
</template>

<script lang="ts">
    import Vue from 'vue';
    import VueEvent from '../../VueEvent';

    export default Vue.extend({
        data(): object {
            return {
                snackbar: false,
                msg: '',
                color: '',
            };
        },
        created() {
            VueEvent.listen('snackbar', (data) => {
                this.snackbar = true;
                this.msg = data.msg;
                this.color = data.color;
            });
            this.malert();
        },
        methods: {
            close(): void {
                this.snackbar = false;
            }
        }
    });
</script>

<style scoped>

</style>

当 Typescript 编译时，我收到以下错误：

Property 'snackbar' …

我正在尝试为我的应用程序构建一些简单的 CRUD 功能，并且我想为创建和更新重新使用相同的表单。

我正在更新的模型是菜单。

我这样做的方式（请让我知道是否有更好的方法）是openForm(menu = null)在新按钮上设置一个方法，我只是不传递菜单，而在我所做的编辑按钮上。

openForm 然后检查 menu 是否为空，是否创建一个空的菜单对象。

然后将其存储data()为 menuForForm。

我的表单将其作为道具接收，并用于呈现我的表单。

我的问题是，当我使用 Vuetify$refs.form.reset()方法清除表单时，我得到了大量与空值相关的错误。这似乎是由于验证规则，就好像我删除它们一样。

我无法理解为什么字段值为 null 会导致这些问题，就好像我将表单绑定到正常data()字段一样，它工作正常。

这是我的代码：

父组件

<template>
    <v-flex xs12 sm6 lg4>
        <v_form
            v-if="menuForForm"
            :menu="menuForForm"
            >
        </v_form>
    </v-flex>
</template>

<script>
    data() {
        return {
            menuForForm: null,
            newMenu: {
                id: '',
                label: '',
                url: '',
            },
        }
    },
methods: {
    openMenuForm(menu = null) {
        menu ? this.menuForForm = JSON.parse(JSON.stringify(menu)) : 
        this.menuForForm = this.newMenu;
        this.$store.dispatch('setShowForm', true);
    },
}

</script>

表单组件 …

我正在构建一个vue应用程序,我正在使用axios.我有一个加载图标,我在每次通话之前显示并隐藏在之后.

我只是想知道是否有一种方法可以在全球范围内执行此操作,因此我不必在每次调用时都编写显示/隐藏加载图标？

这是我现在的代码:

context.dispatch('loading', true, {root: true});
axios.post(url,data).then((response) => {
        // some code
        context.dispatch('loading', false, {root: true});
    }).catch(function (error) {
        // some code
        context.dispatch('loading', false, {root: true});color: 'error'});
    });

我在axios docs上看到有"拦截器",但我不知道它们是处于全球水平还是每次通话.

我也看到了这个帖子的jquery解决方案,不知道如何在vue上实现它:

$('#loading-image').bind('ajaxStart', function(){
    $(this).show();
}).bind('ajaxStop', function(){
    $(this).hide();
});

我想在我的 vue 文件的样式部分使用我的 vuetify 主题中定义的变量。它没有在文档中提到并且似乎无法在任何地方找到答案，有谁知道如何做到这一点？

例如

Vue.use(Vuetify, {
  theme: {
    primary: '#3f51b5',
  }
})

现在在我的 Home 组件中我想做：

<template>
    <h1>My Title</h1>
</template>

<styles>
    h1{
        color:$primary; #from the vuetify theme
    }  
</styles>

我正在尝试组合一个字符串和一个道具来创建一个独特id的 bootstrap 手风琴。

我想结合“折叠”和 {{ thread_ref }} 来创建类似的东西： id="collapse_321"

当我尝试这样做并说要使用 v-bind 时，Vue 给了我一个错误。

我已经尝试过，但它只接受道具/数据名称的字符串，如何组合字符串和数据？

我正在尝试将面包屑合并到我的vuetify应用程序中，但这是我的代码：

<v-breadcrumbs divider=">">
    <v-breadcrumbs-item
        v-for="breadcrumb in breadcrumbs"
        exact
        :to="breadcrumb.to">
        {{ breadcrumb.text }}
    </v-breadcrumbs-item>
</v-breadcrumbs>

然后我在控制台中收到此警告。我不太确定这是什么意思。

default slot' is deprecated, use ':items and scoped slot "item"' instead

如果我尝试使用vuetify docs中的默认模板：<v-breadcrumbs :items="items">它仅允许一个href不是:to我需要的模板。

谁能帮我吗。

我想为文本使用颜色变体之一，该怎么做？我试过了：

<h2 class="red--text lighten-1--text">My Address</h2>

<h2 class="red--text lighten-1">My Address</h2>

<h2 class="red-lighten-1--text">My Address</h2>

以及其他许多变体，但我似乎只能使文字变成红色，而不是此处列出的变体。有人可以帮忙吗？

我有一个运行app容器(rails app)的docker和一个运行postgres的db容器

我有卷将我的本地工作目录挂载到我的应用程序容器,因此我可以在本地工作,并且更改反映在应用程序容器中.

在这样做的一切似乎工作正常,除了我似乎在我的控制器上得到一些奇怪的缓存行为

例如

路线:

get '/something', to: 'something#show'

调节器

class SomethingController < ApplicationController
    def show
        render text: "Hello 1"
    end
end

当我去myapp /的东西时,我会变得Hello 1完美!

然后我编辑我的控制器:

class SomethingController < ApplicationController
    def show
        render text: "Hello 2"
    end
end

当我去myapp /我仍然得到的东西Hello 1？

如果我返回一个html视图,它会更新,所以为什么我的控制器中的更改没有被反映出来？

我能够反映这些变化的唯一方法是在路由文件中进行更改并保存,这似乎刷新了缓存的内容.

注意:我没有在浏览器中缓存,我关闭了缓存,我每次都在重新加载.

任何人都可以对此有所了解吗？我试着按照这个教程:https://www.youtube.com/watch？v = NEWDa3Zqu7s&list = PLbG4OyfwIxjEe5Y3hQCiQjYnSgRH051iJ&index = 3

谢谢