小编Mic*_*ael的帖子

刚刚从 VSCode 转移到 Webstorm。我喜欢 vscode 的功能之一是 GitLens 附带的内联责备，这让我可以与编写代码的团队成员交谈，这可以在 Webstorm 上完成吗？（我知道我可以承担全部责任，但我只想内联最后一次提交）

按照此处的文档： https: //next.vuetifyjs.com/en/customization/icons 我完全按照描述设置我的项目。预期：看到<svg>标签。实际：我看到一个<i>标签（这会导致 IE 上的某些设置出现问题）以下是复制的链接：https: //codesandbox.io/embed/dialog-vuetify-bhs76

所以这应该很简单，但我没有看到明确的答案。我的标签如下所示：

.

正如您所看到的，底部 2 个字段的标签在顶部，因为它们具有默认值，而“ML 功能”的顶部没有，标签移动到文本字段的中间。

代码如下所示：

<TextField
    label="ML Features" // or any other field
    ...
   >
</TextField>

我怎样才能让标签始终在顶部？

我编写了一个在整个应用程序中共享的组件，在某些地方我需要拖动/排序，而有些地方不希望它在那里。我将 a 传递prop给我的组件调用disableDraggable并基于它应该禁用，不幸的是它没有做任何事情，我如何禁用可拖动？我应该注意到我尝试了 options 对象语法和 simple :disable，这是相关代码：

 <draggable v-model="copyOfQuestions" @end="$emit('updateQuestionsOrder', copyOfQuestions)" :options="{disable : disableDraggable}">  
// or :disable="disableDraggable"
      <v-card flat class="list_outer_block" v-for="q in questions" :key="q.question_id">
        <v-card-text class="pa-0">

          <v-layout justify-start align-center>
            <v-flex initial-xs px-2 py-3 class="handle minwdth-0" :title="$t('general.drag_for_reorder')">
              <v-icon class="text--secondary  text--lighten-3">$vuetify.icons.drag_indicator</v-icon>
            </v-flex>
    ....
        props: ['questions', 'disableDraggable'],

如何禁用可拖动功能？

我应该注意到vue-draggable（我正在使用的）据说与SortableJs

由于某些奇怪的原因，我的“卸载”useEffect 挂钩中的 props 值始终处于原始状态（true），我可以在开发工具中进行控制台并看到它已更改为 false，但是当在卸载时调用 useEffect 时，它始终处于原始状态真的。
我尝试将道具添加到依赖项中，但随后不再仅在卸载时调用它，并且无法达到其目的。
编辑：我知道依赖项数组是空的，我不能在每次更改时触发它，它只需要在使用道具中的更新值卸载时触发。这可能吗？

React.useEffect(() => {
    return () => {
      if (report.data.draft) { // this is ALWAYS true
        report.snapshot.ref.delete();
      }
    };
  }, []);

如何在卸载时有条件地运行代码，条件取决于更新的 props 状态？

在我正在开发的应用程序中，我们有很多模态，每个模态包含少量数据，通常是 2-3 个字段，有时是复选框、列表等。
问题是当组件关闭时如何从内部重置/销毁组件。这样做的原因有两个：
1) 不必清除每个模式上的各个数据字段。
2）当第二次打开模式时，道具上的观察者将再次触发（某些模式是“编辑”的，因此是预先填充的，我宁愿不管理这些数据）。
现在，如果模态是从外部关闭的，那么我可以更改组件上的键，这将解决问题，因为模态是从组件内部关闭的，那么我不知道是否可以做到这一点（那就太好了） 。你如何设置你的模态？什么是干净的架构？

示例代码：

<parentComp>
  <customChildModal ref="$customChildModal"></customChildModal>
</parentComp>
// customChildModal
<v-dialog v-model="dialogState">
  <v-text-field v-model="name">
   ...
  </v-text-field>
<v-btn @click="dialogState = false">Cancel</v-btn>
<v-btn @click="saveSomething">Save</v-btn>
...
data(){
   return {
     dialogState: false,
    name: ''
    ...

现在，在某些情况下，我实际上有很多字段，每次关闭模式时我都需要清除它们。这需要涵盖单击“取消”的情况，以及用户在我支持的模式或 ESC 键之外单击的情况。

我正在尝试在我的 nodejs 服务器和我的 mysql db（使用 Microsoft SQL 服务器管理器工作室 v14）之间建立一个简单的连接，下面是我的代码和出现在我的控制台窗口中的错误消息。

这是我的代码：

var express = require('express');
var app = express();
var sql = require("mssql");

app.get('/', function (req, res) {
   
    // config for your database
    var config = {
        user: 'superadmin',
        password: '***',
        server: 'localhost', 
        database: 'XXX' 
    };

    // connect to your database
    sql.connect(config, function (err) {
    
        if (err) console.log(err);

        // create Request object
        var request = new sql.Request();
           
        // query to the database and get the records
        request.query('select * from Schools', function …

尝试设置 v-autocomplete，没有观察者，流程将是：

1. 输入一个字符串，值被函数接受
2. 函数在 api 中搜索字符串并返回一个列表
3. 列表被放入“条目”中
4. 重新评估计算属性“tagsFound”。
5. 显示“tagsFound”（因为它们是）这里的:items文档和我的代码之间的主要区别是我尝试在没有观察者的情况下而不是使用简单的函数来执行此操作。相关代码：

<v-autocomplete
          v-model="newTag"
          :items="tagsFound"
          :loading="loading"
          :search-input.sync="search"
          color="white"
          hide-no-data
          hide-selected
          :placeholder="$t('search_terms.new_tag')"
        ></v-autocomplete>
    ...
    data() {
      return {
        newTag: '',
        entries: [],
    ....
    methods: {
    ...
     async search(term){
        this.query.term = term
        this.entries = await this.searchTerms(this.query)
      },
    ...
    computed: {
      tagsFound(){
        return this.entries
      }
    }

预期行为是搜索键入的术语并将结果显示为下拉列表。 实际行为是它不搜索，因此不显示任何内容。

我正在尝试在 vue 组件内部监听窗口属性更改，我不确定这是否可行。
用途是用于加载程序，基本上我有一个文件，其中有一个拦截器，它改变窗口对象上的“加载”属性（window.loading = true当请求启动时，window.loading = false当请求完成（或错误）时）（我在访问拦截器内的存储时遇到问题）。vue 组件如下所示：

<template> 
    <v-progress-linear   //this is the loader element
            height="20"
            v-show="loading"
    >
    </v-progress-linear>
    ...
    computed: { 
    loading(){
    return window.loading}
    }

我也尝试过这个作为解决方案：

created () {
    window.addEventListener('loading', this.handleLoading);
  },
  destroyed () {
    window.removeEventListener('loading', this.handleLoading);
  },
  methods: {
    handleLoading(val){
      console.log(val)
    this.loading =  val
}
  },

问题是我怎样才能听我的window.loading

编辑

这是包含拦截器代码的文件，请注意，它无权访问 vue 实例。

import axios from 'axios';
import { Utils } from 'em-common-vue';

import {UsersApi} from "./usersApi";
import {PartnersApi} from "./partnersApi";
import {TrialsApi} from …

我在这里定义了相同的类型，但在编译时出现错误：

不能在作业 i 中使用 questions (type []struct { Question questions.MasterQuestion }) 作为 type []struct { Question questions.MasterQuestion "json:"question"" }

这是我的代码：

类型文件

type QuestionnaireInternal struct {
    ID            string                `json:"id"`
    Questionnaire InternalQuestionnaire `json:"questionnaire"`
    Questions     []struct {
        Question MasterQuestion `json:"question"`
    } `json:"questions"`
}

DAL文件

qusIdxMap := make(map[string]struct{})
    var questions []struct {Question questions.MasterQuestion}

    for {

        buf := idRows.NextBytes()
        if len(buf) == 0 {
            break
        }

        var ids []string
        if de := json.Unmarshal(buf, &ids); de != nil {
            return nil, de
        }

        for i := …

根据此处的文档为 vuetify v-text-field 添加插槽时：https: //vuetifyjs.com/en/components/text-fields#text-field 标签仍然存在undefined，并且似乎没有注册插槽。

最初，我只是尝试:label在上述组件上添加动态标签。然后继续使用自定义插槽，但也不起作用。

                <v-text-field
                  v-model.lazy="row.value"
                  @blur="rowSearch(index)"
                >
                  <template slot="label" slot-scope="label">
                    <div>
                      {{myLabel}}
                    </div>
                  </template>
                </v-text-field>
              </v-flex>```

Expected results is that the label will change based on some event in my component. Actual results are no label since it is `undefined`

这可能是一个完全显而易见的问题，但我看过很多文章说这git rebase是历史的重写，“新”提交有新的 SHA，我的一些测试没有产生这个结果，SHA 似乎总是保留，即使在变基中存在冲突时，SHA 仍然保留。请帮助我了解 rebase 到底发生了什么？SHA 会改变吗？如果是的话什么时候？

编辑：要清楚，当我写 SHA 时，我的意思是我在git log提交或在git status. 我可能误解了这个词。