小编abh*_*yak的帖子

我正在尝试对齐卡片中的按钮。我有一个布局，其中连续包含 3 张卡片。但是，问题是，当我在卡片中添加文本时，特定卡片中按钮的位置会发生变化。

我尝试过传递不同的道具并尝试使用不同的类。但它对我不起作用

这是代码：

CardRenderer.vue：

<v-container grid-list-sm>
    <v-layout wrap>

    <v-flex xs12 sm4 v-for="(item, index) in renderData" v-bind:key="index">

      <v-card hover height="100%" >
        <v-img
          class="white"
          height="200px"

          :src="item.icon"
        >
          <v-container >
            <v-layout fill-height>
              <v-flex xs12 align-end flexbox >
                <!-- <span class="headline black--text">{{ item.name }}</span> -->
              </v-flex>
            </v-layout>
          </v-container>
        </v-img>
        <v-card-title>
          <div>
            <p class="headline black--text">{{ item.name }}</p>
            <!-- <span class="grey--text">Number 10</span><br> -->
            <!-- <span>Whitehaven Beach</span><br> -->
            <span>{{ item.description }}</span>
          </div>
        </v-card-title>
        <v-card-actions>
          <!-- <v-btn flat color="orange">Share</v-btn> -->

          <v-btn  :href="'/dashboard/'+item.name" color="primary">More!</v-btn>
        </v-card-actions>
      </v-card>
    </v-flex> …

我正在尝试出于测试目的设置测试数据库，但无法正常工作。

我试图使用猫鼬连接到mongodb，但是在连接错误中发现问题显示：

throw new MongooseError('The `uri` parameter to `openUri()` must be a ' +
    ^
MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()`is a string.
    at new MongooseError (/media/abhigyan/ABHI/programming/node js/Practice/On my Own/Todo/node_modules/mongoose/lib/error/mongooseError.js:11:11)
    at NativeConnection.Connection.openUri (/media/abhigyan/ABHI/programming/node js/Practice/On my Own/Todo/node_modules/mongoose/lib/connection.js:424:11)
    at Mongoose.connect (/media/abhigyan/ABHI/programming/node js/Practice/On my Own/Todo/node_modules/mongoose/lib/index.js:230:15)
    at Object.<anonymous> (/media/abhigyan/ABHI/programming/node js/Practice/On my Own/Todo/server/db/mongoose.js:5:10)
    at Module._compile (module.js:635:30)
    at Object.Module._extensions..js (module.js:646:10)
    at Module.load (module.js:554:32)
    at tryModuleLoad (module.js:497:12)
    at Function.Module._load (module.js:489:3)
    at Module.require …

我正在尝试并排实现文本字段和复选框。像这样的东西。

但是，问题是<mat-form-field>并且<mat-checkbox>不是垂直对齐。我如何通过将它们垂直对齐来继续前进？

这是代码：

<mat-card>
    <mat-card-title>
        Family Information
    </mat-card-title>
    <form [formGroup]="familyInfo">
        <div fxLayout="row" fxLayoutAlign="flex-start" fxLayoutGap="40px">
            <mat-form-field fxFlex="10%">
                <mat-label>Contact Name</mat-label>
                <input matInput>
            </mat-form-field>
            <mat-form-field fxFlex="10%">
                <mat-label>Relation Type </mat-label>
                <mat-select>
                    <mat-option *ngFor="let relationType of relationTypes" [value]="relationType" color="accent">
                        {{relationType}}
                    </mat-option>
                </mat-select>
            </mat-form-field>
            <mat-form-field fxFlex="10%">
                <mat-label>Gender </mat-label>
                <mat-select>
                    <mat-option *ngFor="let gender of genders" [value]="gender" color="accent">
                        {{gender}}
                    </mat-option>
                </mat-select>
            </mat-form-field>
            <mat-form-field fxFlex="10%">
                <mat-label>Date Of Birth</mat-label>
                <input matInput [matDatepicker]="dateOfBirth" formControlName="dateOfBirth">
                <mat-datepicker-toggle matSuffix [for]="dateOfBirth"></mat-datepicker-toggle>
                <mat-datepicker #dateOfBirth></mat-datepicker>
            </mat-form-field>

            <mat-checkbox formControlName="isDependent">Is Dependent</mat-checkbox>

            <div fxFlex="100%"></div>
            <mat-card-actions>
                <button …

我正在尝试使用 vue-router。但是，我遇到了一个问题，在查看了许多文章和文档后找不到解决方案。

我已经阅读了几篇关于如何使用 vue-router 的文章，但它们不起作用。

这是我的代码。我做了三个组件Home Login HelloWorld

我做了三个路线。

这是代码

主要.js：

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router';
// import Home from './components/Home.vue';
import HelloWorld from './components/HelloWorld.vue';
import Login from './components/Login.vue';


Vue.use(VueRouter)

Vue.config.productionTip = false


const router = new VueRouter({
  mode: 'history',
  base: __dirname,
  routes: [
    { path: '/hello', component: HelloWorld },
    { path: '/login', component: Login },
    { path: '/', component: App }
  ]
});


new Vue({
  router,
  render: h => h(App),
}).$mount('#app') …

我正在尝试使用 Vuetify 在工具栏中添加图像/自定义徽标。我正在使用v-toolbar创建导航栏。

图像不显示。它显示了错误[Vuetify] Image load failed src: ../assets/mad_logo.png

我尝试使用<v-img> 但它没有用。

这是导航栏的样子

这是代码：

VuetifyTest.js

   <v-toolbar
    color="primary"
    >



    <v-toolbar-side-icon>
        <v-img src="../assets/mad_logo.png" />
    </v-toolbar-side-icon>  
    <v-toolbar-title class="black--text">Title</v-toolbar-title>

    <v-spacer></v-spacer>
    <v-avatar>
      <img
        src="../assets/static.jpeg"
        alt="John"
      >
    </v-avatar>


  </v-toolbar>


</template>

<script lang="js">
  export default  {
    name: 'profile',
    props: [],
    mounted() {

    },
    data() {
      return {

      }
    },
    methods: {

    },
    computed: {

    }
}
</script>

<style scoped >

</style>

这是目录结构：

如何在导航栏左上角附加徽标并正确加载图像。

任何代码更改都会起作用。谢谢！

我试图了解图中 DFS 和 BFS 的空间复杂度是多少。据我所知，使用邻接矩阵时 BFS 的空间复杂度是O(v^2)顶点v​​数。

通过使用邻接表，在平均情况下，空间复杂度将会降低< v^2。但在最坏的情况下，情况会是这样O(v^2)。即使包括队列，它也会O(n^2)（忽略较低的值）

但是，DFS 的场景是什么？即使我们使用邻接矩阵/列表。空间复杂度为 O(v^2)。但这似乎是一个非常宽松的界限，也不考虑堆栈帧。

关于复杂性，我的说法正确吗？如果，不是，BFS/DFS 的空间复杂度是多少？在计算DFS的空间复杂度时，我们是否考虑堆栈帧？

图的 BFS 和 DFS 的空间复杂度的紧界是多少

我正在尝试创建一个配置文件表单，其中包含两个字段 password和rePassword。基本上，它们应该是相同的。

我尝试使用网络上找到的不同代码和不同方法。他们中有些人工作了，但是。它实际上与代码不匹配。

这是一段代码：

Profile.vue：

<v-layout>
        <v-flex xs12 sm6>
          <v-text-field                        
            v-model="password"
            :append-icon="show ? 'visibility' : 'visibility_off'"
            :rules="[rules.required, rules.min]"
            :type="show ? 'text' : 'password'"
            name="password"
            label="Enter Password"
            hint="At least 8 characters"
            counter
            @click:append="show = !show"
          ></v-text-field>
        </v-flex>

          <v-flex xs12 sm6>
            <v-text-field            
              v-model="rePassword"
              :append-icon="show1 ? 'visibility' : 'visibility_off'"
              :rules="[rules.required, rules.min]"
              :type="show1 ? 'text' : 'password'"
              name="input-10-1"
              label="Re-enter Password"
              hint="At least 8 characters"
              counter
              @click:append="show1 = !show1"
            ></v-text-field>
          </v-flex>
          </v-layout>

脚本如下所示：

Profile.vue（脚本）：

data() {
      return {
        show: false,
        show1: false, …