小编Sus*_*dav的帖子

我创建了一个基本模型,其中我有所有常用函数来获取数据并发布或放置数据.实际上服务是什么角度,但我不想要一个服务.不,我打算做的是基础模型将扩展到我的系统中的所有模块,每个模块都有其基本端点来从API获取数据.现在问题如果我在基本模型中注入Http服务并且用户模型扩展了Base模型,现在要创建基本模型的对象,我需要传递Http的对象,这是我无法解决的.

如果您需要更多支持来回答这个问题,请告诉我.

export class BaseModel {
constructor (http: Http) {}

fetch() {
let params = {
            "includes": this.includes,
            "page": page,
            "filters" : this.filters,
            "order" : this.orderDirection + this.orderColumn
        };

        return this.api.get("/"+this.endpoint, params)
            .map(
                (response: any) => {
                    let total = response.meta.total;
                    let current = response.meta.current;

                    let min = current - 5;
                    let max = current + 5;

                    if (min < 1) {
                        min = 1;
                    }

                    if (max > total) {
                        max = total;
                    }
                    else if (max < 10) …

我被困在：

我想要一个可以返回其子类的新对象的基类。

喜欢：

export class Base {
    constructor () {
    }

    static query() {
      //return a new object of class from which this function is called.
    }

}

export class Child extends Base {

}

现在在我的 IndexComponent 类中

export class IndexComponent {
 var user = Child.query() // By this I have a new object of Child class in user variable
}

先感谢您！

我现在使用日期范围选择器来选择日期，当我选择日期时，我分别用日期值更新输入。

我将输入与 v-model 绑定，并在组件的 watch 属性中创建了一个函数来观察模型的变化。

但是，当使用 javascript 函数更新输入时，模型中看不到任何变化，但我的输入字段的值已更新。

// My Input Fields

<input type="text" name="updateStartDate" v-model="updateDateRange.start">
 <input type="text" name="updateEndDate" v-model="updateDateRange.end">



//My javascript Function
$('input[rel=dateRangePickerX]').daterangepicker({
                        'autoApply': true,
                        'drops': 'up',
                        'startDate': moment().add(90, 'days').calendar(),
                        'endDate': moment().add(97, 'days').calendar(),
                        locale: { cancelLabel: 'Clear' }
                    },
                    function (start, end, label) {
                        $('input[name="updateStartDate"]').val(start.format('MM/DD/YYYY'));
                        $('input[name="updateEndDate"]').val(end.format('MM/DD/YYYY'));
                    });

// My watch attribute in Component
watch : {
        'updateDateRange.end' : function (val) {
            console.log('In Watch Function');
            console.log(this.dateRanges);
            if(val != '' && this.updateDateRange.start != '' && this.updateDateRangeIndex != ''){
                console.log(val);
                console.log(this.updateDateRange.start); …

我正在尝试绘制折线图。我有表单中的数据集

{
   line_1:{
      rt:[1,2,3,4,5,6],
      int:[2,3,4,5,6,7]
   },
   line_2:{
      rt:[1,2,3,4,5,6],
      int:[2,3,4,5,6,7]
   }
}

我尝试过的：

showChart(){
                this.renderChart({
                    labels: this.data.line_1.rt,
                    datasets: [
                        {
                            label: 'Data One',
                            backgroundColor: '#f87979',
                            data: his.data.line_1.intensity,
                        }
                    ]
                }, {responsive: true, maintainAspectRatio: false})
            }

现在我希望“rt”位于 x 轴，并且每条线的强度数组都不同。我可以画一条线，但不能画多条线。

这是我的图表组件的样子：

<script>
    let VueChartJs = require('vue-chartjs');

    export default VueChartJs.Line.extend({
        props:['data', 'status'],

        watch: {
            // whenever question changes, this function will run
            status: function (newStatus) {
                if(newStatus === true){
                    this.showChart();
                }
            }
        },

        methods :{
            showChart(){
                console.log(this.data);
                this.renderChart({
                    labels: this.data.groups[0]['peaks'][0].eic.rt,
                    datasets: [
                        {
                            label: …