Question

我有div这样：

   <div
      v-for="(server, index) in server_list"
      class="server_item border_999_top_left_right"  // there I want to add a more class under a certain conditions
    >

我有更多课程border_bottom，如果遇到条件，我想添加它。

如果class="border_bottom"符合1==1

等条件，如何添加

<div class="col-sm-4 col-md-4">

    <div class="row">
        <label class="control-label col-sm-12 col-md-10">&nbsp;</label>
        <div class="col-sm-4 col-md-4" id="div">
            <div id="wrapper">
                <div id="field_div">
                    <span class="glyphicon glyphicon-plus" onclick="add_field();"></span>

                </div>
            </div>

        </div>
    </div>
</div>

<div class="col-sm-4 col-md-4">
    <div class="row">
        <div class="form-group">
            <label class="control-label col-sm-12 col-md-12">Child
    											 </label>
            <div class="col-md-12" I need to show text box here instead in javascript </div>
            </div>
        </div>

    </div>


    <script>
        function add_field() {
            var total_text = document.getElementsByClassName("input_text");
            total_text = total_text.length + 1;
            document.getElementById("field_div").innerHTML = document.getElementById("field_div").innerHTML +
                "<p id='input_text" + total_text + "_wrapper'><input type='text' class='input_text' id='input_text" + total_text + "' placeholder='Enter Text'><input type='text' class='form-control input_text' id='input_text" + total_text + "' placeholder='Enter Text'><input type='button' value='Remove' onclick=remove_field('input_text" + total_text + "');></p>";
        }

        function remove_field(id) {
            document.getElementById(id + "_wrapper").innerHTML = "";
        }
    </script>

Answer 1

您可以使用函数执行此操作：

<div
  v-for="(server, index) in server_list"
  :class="get_class(index)"  // there I want to add a more class under a certain conditions
>

条件方法：

get_class(index) {

    return {
      'server_item': true,
      'border_999_top_left_right': true,
      'more_class': index === 10
    }
}

将类添加到vue元素

1 个答案: