时间戳

首页 > 解决方案 > 在传递字符串 trim() 的 Vue.JS 方法中不起作用

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

问题描述

因此，我试图使用 .trim() 函数从返回的对象的属性之一中删除空格，但它不起作用。

我已经尝试过应用 .replace(/\s/g,'') 等 JS 函数，但它也不起作用

<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>

它应该返回没有空格的字符串，但不会删除空格。

标签： javascriptvue.js

解决方案

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

只是返回return str.trim()

推荐阅读