vuejs使用方法添加类

时间:2017-03-26 11:35:06

标签: javascript vue.js

我的Vue.js应用中有以下<td>结构:

<td class="editable" :class="{green: is_by_user(item['h_bid_source'])}" v-on:dblclick="set_custom(item, 'income_h_bid')">{{ item.income_h_bid }}</td>

并且用户可以使用以下方法更新表中的值:

set_custom (item, key) {
    if (moment(this.date_start).isSame(this.date_end)) {
        let new_value = prompt("Enter updated value:");
        this.$http.post("/api/revenue", {
            "date":     moment(this.date_start).format("YYYY-MM-DD"),
            "site_id":  item.site_id.toString(),
            "key":      key + "_u",
            "val":      new_value}).then(res => {
                // Update view with new value
                for (let row of this.report) {
                    if (row.site_id == item.site_id) {
                        row[key] = new_value;
                        // TODO: add class
                    }
                }
            }, res => {
                // TODO: Handle server error
            });
    } else {
        alert("Custom values not available when date range is selected.");
    }
}

我想在调用green后向<td>set_custom()添加课程$arr=array_merge($arr1,$arr2); $array=[]; foreach($arr as $a){ $array[$a["Class"]]["Class"]=$a["Class"]; // declare or lazy overwrite if duplicate if(isset($array[$a["Class"]]["Student"])){ $temp_str=$array[$a["Class"]]["Student"][0].", ".current($a["Student"]); // concat }else{ $temp_str=current($a["Student"]); // declare } $temp_arr=array_unique(explode(', ',$temp_str)); // split & remove duplicates // sort($temp_arr); // sort ASC if desired/suitable $array[$a["Class"]]["Student"]=array(implode(', ',$temp_arr)); // rejoin } ksort($array); // sort subarrays by Class name $array=array_values($array); // replace temporary associative keys with indices echo "<pre>"; print_r($array); echo "</pre>"; 。这样做的正确的Vue.js方法是什么?

0 个答案:

没有答案