带有 vue.js 格式问题的 Visual Studio 2019

Question

所以当我尝试格式化这部分代码时，VS2019 遇到了这个问题。

    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="milestone.ascx.cs" Inherits="uc.dms.milestone" %>


<section class="content-header">
    <h1>Manage milestone

        <small>Lets manage some milestones</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#dashboard"><i class="fa fa-dashboard"></i>Home</a></li>
        <li class="active">Manage Milestone</li>
    </ol>
</section>

<section class="content container-fluid">
    <div id="milestones">
              <div class="row" style="display:none;" id="updateselection">
            <div class="col-lg-12">

                   <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">Select a study to update</h3>
            </div>
                       <div class="box-body">
                <select class="form-control" @change="updatethis($event.target)">
                    <option value="">--Select--</option>
                    <option v-for="i in updatestudies" :value="i.studypid">{{i.number}}</option>
                </select>
            </div>
                        <div class="box-footer">
                            </div>
                       </div>
        </div>
            </div>
    </div>
</section>
<script>

</script>

错误信息

此错误消息行对应于 ，其中包含一些 vue.js 代码。 当按下ctrl + k + d时会发生此错误。 当任何 vue.js 代码在 html 中“命中”时也会出现此问题，例如选项段中的 for 循环

任何帮助将不胜感激。

Answer 1

我认为由于这里的参数，您会收到此错误：

@change="updatethis($event.target)"

如果 updatethis 是组件方法块中的一个函数，只需编写

<select class="form-control" @change="updatethis">

和方法：

methods: {
  updatethis(myArgument){
    ...
  }
}