Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
492 views
in Technique[技术] by (71.8m points)

vue.js - 如何在搜索字段中使第一个字母大写在Vue中(How to make first letter in search field Uppercase in Vue)

How do I make the first letter in search form an uppercase, Your help will be appreciated.

(如何使搜索形式中的第一个字母变为大写,将为您提供帮助。)

Below is the code snippet.

(下面是代码片段。)

It's giving an error "Expecting a string or number but array given".

(出现错误“期望字符串或数字,但给出了数组”。)

<script>
export default {
  name: 'SearchForm',
  props: {
    msg: String,
  },
  data() {
      return {
          searchString: ''
      }
  },
  methods: {
      parseSearchString() {
          // Trim search string
          const trimmedSearchString = this.searchString.trim()

          if(trimmedSearchString !== '') {

              // Split search string
              const searchParams = trimmedSearchString.split(/s+/)

               //Uppercase search string
              searchParams.split(' ')
                  .map(w => w.charAt(0).toUpperCase() + w.slice(1))
                  .join('<br>');

              // Emit event
              this.$emit('search', searchParams)

              // Reset input field
              this.searchString = []
          }
      }
  }
};
</script>
  ask by Wale Codes translate from so

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...