Vue.js 调用函数不会显示任何内容

有一个vue文件，我调用了一个函数，但没有显示任何内容，当我在按钮和控制台日志中调用相同的函数时，结果是正确的

     <div v-if="this.aux==1" >
     <a href="/" class="rutan">Gama materiales</a><a href="/productos" class="rutan">/Productos/</a><a class="ruta" id="cedi1">{{this.sucursal()}}</a>
     <a id="cedi" class="rutan" v-if="this.id_padre!=0" v-once v-bind:href="'/productos?'+'regreso='+0+'&suc='+this.url">{{this.sucursal()}}</a>
   <a class="ruta" v-if="this.id_padre!=0" >/{{this.subcategoria()}}</a> <--- this is the function
    
     </div>

这是console.log的结果

这就是结果

试试类似的方法

点击我

---

但是你应该知道，做那种事情是不被推荐的。链接是将移动到页面。一个

按钮

用于执行操作。

请在格式方面做出努力，并尝试更好地解释您的问题。我提交了对您的代码片段的编辑，并删除了所有

此

，因为它们在模板中完全无用。尝试使用ESlint+prettier让生活更轻松！：）

    subcategoria(){
let me=this;
axios
.get("/catalogo/subcategoria/"+this.id_padre)
    .then((response) => {
                this.allData = response.data;
               
                console.log('datos', this.allData[0].nombre);
               
                
          });
          return this.allData[0].nombre;
    },