我可以在Vue.js代码中访问C＃元组值吗？

Question

So here's the question, can you access returned C# Tuple variables in vue.js?

Example, I have a vue.js function that on a refresh calls a C# action ('GetChartData') which returns a json result to it.

    refreshChart: function () {
        var vm = this;
        $.getJSON(window.chartDataRoute, {
            fromDate: (somedate),
            toDate: (somedate)
        }).done(function (data) {
            vm.chartData = data;
        });
    },

So the json result of the C# function gets passed as a ContentResult type into vm.chartData in the vue.js code. Here's the C# function:

    public ContentResult GetChartData(DateTime? fromDate, DateTime? toDate)
    {
        var pageStats = (go away and get some data);
        var chartModel = ChartHelpers.GetMainChartModel(chartPeriod, pageStats);
        var json = JsonConvert.SerializeObject(chartModel, Formatting.Indented, new JsonSerializerSettings { ContractResolver = new CamelCasePropertyNamesContractResolver() });
        return new ContentResult { Content = json, ContentType = "application/json" };
    }

All pretty straighforward, but I need to return two new fields to the vue.js function, and I really don't want to get involved with rewriting the json result as the results are used in a graph function that is beyond the scope of what I'm trying to do.

So, can I convert the function to a Tuple and pass two extra int values and then access them in the vue.js code? Like this:

    public Tuple<ContentResult,int,int> GetChartData(DateTime? fromDate, DateTime? toDate)
    {
        var pageStats = (go away and get some data);

        var totalClicks = (an int number);
        var totalViews = (an int number);

        var chartModel = ChartHelpers.GetMainChartModel(chartPeriod, pageStats);
        var json = JsonConvert.SerializeObject(chartModel, Formatting.Indented, new JsonSerializerSettings { ContractResolver = new CamelCasePropertyNamesContractResolver() });

        // Can I return the extra data in a Tuple?
        return Tuple.Create(new ContentResult { Content = json, ContentType = "application/json" }, totalClicks, totalViews);
    }

However, this breaks the vue.js, as I suppose 'data' is now different and so the graphs don't work. So I'd need to be able to assign the ContentResult to data (as it is now), and the two extra ints somehow.

If I can't do it like this then can I do it another way that doesn't involve rewriting any of the vue.js in depth? One of problems is that I'm a bit of a vue.js novice...

Answer 1

Call the C# function twice one for chartdata and other for the other two properties. you also need to pass some Identifier for which the C# function get called either for chartdata or other two properties.