Question

我还在学习Vue。我知道如何使用Javascript从字符串中删除所有空格，例如：

library(tidyverse)
transpose(l1) %>% 
         map(unlist)

我无法弄清楚如何在Vue中实现这一点。

我想从我的Firestore数据库中取一个字符串，比如一个名为＆＃34; title1＆＃34;的字段，其值为＆＃34;这是我的字符串＆＃34;并删除所有空格，使其显示＆＃34; Thisismystring＆＃34;。然后我希望能够在我的Vue应用程序中使用该字符串，就像使用title1一样...就像名为title1nospaces的变量一样。

我不确定我是否应该使用计算属性或方法。我尝试过的任何东西总是会回来作为＆＃34; title1nospaces＆＃34;未在实例上定义，但在渲染期间引用＆＃34;。

任何帮助表示感谢。

Answer 1

＆＃13;

var str = " This is a test ";   
var new_str = str.split(' ').join('');

console.log(new_str); // 'Thisisatest'

＆＃13;

Answer 2

在你的vue应用程序中，你应该添加一个mixin，在那个mixin中你应该实现一个带空格输入的方法，它应该把输出作为一个没有空格（或格式化字符串）的字符串返回。

E.g。

let myApp = new Vue({
   mixins: [CommonUtils],
});

CommonUtils.js代码（我使用的是ES6语法）：

export default {
  methods: {
     myStringFormattingFun(input) {
        // Do your magic and return the formatted string

     }

  }
}

或者您可以在myApp组件（主要组件）中实现该功能。

Vue - 从Firestore数据库中删除字符串中的所有空格

2 个答案: