在 Vue 中.JS传递字符串 trim() 的方法不起作用

Question

所以我试图用.trim（）函数从返回对象的一个属性中删除空白，但它不起作用。

我已经尝试应用JS功能，例如.replace（/ s/g，''），但它也无法正常工作

<script>
export default {
    name: 'navigation',
    props: ["navigation"],
    methods:{
        whiteSpace: function(a){
            var str = a;
            str.toLowerCase();
            str.trim();
            console.log(str);

            return str;
        }
    }
}
</script>

html

<li>
  <router-link :to="{ path: whiteSpace(nav.linkTitle) }">
       {{nav.linkTitle}}
  </router-link>
</li>

它应该在没有空白的情况下返回字符串，但不会删除空白。

Answer 1

trim方法不修改对象，它返回一个新字符串。

只需用return str.trim()

Answer 2

此代码：

str.toLowerCase();

返回一个新值。它不会修改当前值，因此您应该做到这一点：

var str = a;
str = str.toLowerCase();
str = str.trim();
console.log(str);

但是，无论如何，您可以像这样返回修剪值：

export default {
    name: 'navigation',
    props: ["navigation"],
    methods: {
        whiteSpace: function (a) {
            return a.toLowerCase().trim();
        }
    }
}

Answer 3

，所以我发现了这个问题。.trim（）函数不起作用，我尝试了.replace(/s/g, "");，它有帮助，谢谢您的帮助：）