Javascript 如何使用Vue.js返回值

Javascript 如何使用Vue.js返回值,javascript,vue.js,Javascript,Vue.js,我在Vue工作了几天,遇到了一些问题 我在模板中使用jQuery AJAX加载数据(文本内容),标题和描述需要省略号,我编写了方法↓ methods:{ titleELLIPSIS:function(){ var title = self.articleList.title;//AJAX data var titleLength = title.length;

我在Vue工作了几天,遇到了一些问题

我在模板中使用jQuery AJAX加载数据(文本内容),标题和描述需要省略号,我编写了
方法

methods:{
               titleELLIPSIS:function(){
                    var title = self.articleList.title;//AJAX data
                    var titleLength = title.length; 
                    var maxWidth = 15;
                    var newTitle = title.split("",maxWidth);
                    return title(function(ELLIPSIS){
                        if(titleLength>maxWidth){
                            for(var j=newTitle.length-1;j>0;j--){
                                delete newTitle[j];
                                var ELLIPSIS = self.innerHTML = newTitle.join('')+'...';
                                if(newTitle.length<=maxWidth){ break;}
                                return ELLIPSIS;
                            }
                        }
                    })

                }
}
方法:{
titleELLIPSIS:function(){
var title=self.articleList.title;//AJAX数据
var titleLength=title.length;
var maxWidth=15;
var newTitle=title.split(“,maxWidth);
返回标题(函数(省略号){
如果(标题长度>最大宽度){
对于(变量j=newTitle.length-1;j>0;j--){
删除新标题[j];
var-ELLIPSIS=self.innerHTML=newTitle.join(“”)+’…”;

如果(newTitle.length
titleELLIPSIS
被定义为一个方法,那么您需要实际调用它

<h2 class="ellipsis-2">{{ titleELLIPSIS() }}</h2>
{{titleELLIPSIS()}

您使用它的方式就像它被定义为
数据
计算的
属性。

titleEllissis
被定义为一种方法,因此您需要实际调用它

<h2 class="ellipsis-2">{{ titleELLIPSIS() }}</h2>
{{titleELLIPSIS()}
您使用它的方式就像它被定义为
数据
计算的
属性。

就是您要查找的内容。将
标题栏
移动到
计算的
部分:

computed: {
   titleELLIPSIS:function(){
        var title = self.articleList.title;//AJAX data
        var titleLength = title.length; 
        var maxWidth = 15;
        var newTitle = title.split("",maxWidth);
        return title(function(ELLIPSIS){
            if(titleLength>maxWidth){
                for(var j=newTitle.length-1;j>0;j--){
                    delete newTitle[j];
                    var ELLIPSIS = self.innerHTML = newTitle.join('')+'...';
                    if(newTitle.length<=maxWidth){ break;}
                    return ELLIPSIS;
                }
            }
        })

    }
}
计算:{
titleELLIPSIS:function(){
var title=self.articleList.title;//AJAX数据
var titleLength=title.length;
var maxWidth=15;
var newTitle=title.split(“,maxWidth);
返回标题(函数(省略号){
如果(标题长度>最大宽度){
对于(变量j=newTitle.length-1;j>0;j--){
删除新标题[j];
var-ELLIPSIS=self.innerHTML=newTitle.join(“”)+’…”;
如果(newTitle.length是您要查找的内容,请将
titleEllipsis
移动到
computed
部分:

computed: {
   titleELLIPSIS:function(){
        var title = self.articleList.title;//AJAX data
        var titleLength = title.length; 
        var maxWidth = 15;
        var newTitle = title.split("",maxWidth);
        return title(function(ELLIPSIS){
            if(titleLength>maxWidth){
                for(var j=newTitle.length-1;j>0;j--){
                    delete newTitle[j];
                    var ELLIPSIS = self.innerHTML = newTitle.join('')+'...';
                    if(newTitle.length<=maxWidth){ break;}
                    return ELLIPSIS;
                }
            }
        })

    }
}
计算:{
titleELLIPSIS:function(){
var title=self.articleList.title;//AJAX数据
var titleLength=title.length;
var maxWidth=15;
var newTitle=title.split(“,maxWidth);
返回标题(函数(省略号){
如果(标题长度>最大宽度){
对于(变量j=newTitle.length-1;j>0;j--){
删除新标题[j];
var-ELLIPSIS=self.innerHTML=newTitle.join(“”)+’…”;
如果(牛顿长度)