how can i formating text with vue.js

Question

Hi i wanna try to formate text to break line after ***
this is only part of the script i think the problem is on computed part maybe i wrote something wrong i have already tried this:

<div v-html="post.case_history"></div>

and this:

computed() {
    post.case_history.replace('***', '<br>')
  }

I got this error

Invalid value for option "computed": expected an Object, but got Function.

computed should be an object...

BritishWerewolf
– BritishWerewolf

2018-10-02 11:48:10 +00:00
Commented Oct 2, 2018 at 11:48 — BritishWerewolf
– BritishWerewolf, Commented Oct 2, 2018 at 11:48

niclas_4 · Accepted Answer · 2018-10-02 11:59:02Z

2

 computed: {
       postCased: function() {
        return this.post.case_history.replace('***', '<br>')
        }
      }

-

<div v-html="postCased"></div>

Codepen

edited Oct 2, 2018 at 11:59

answered Oct 2, 2018 at 11:49

niclas_4

3,6761 gold badge25 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

sofiane Over a year ago

now i have this error:Invalid value for option "computed": expected an Object, but got Function. and Error in render: "ReferenceError: post is not defined"

sofiane Over a year ago

ok perfect but the text that i have change evretime only the *** are same how can change this

niclas_4 Over a year ago

@sofiane could you explain that a bit more? what text and why is it different and what you wanna do with the text etc....?

sofiane Over a year ago

ok the text have more then 50 line and if i put break each time where is the star then it will be easy to understand the content the text change each timethat we take other cases but every text on each cases have the stars ***

niclas_4 Over a year ago

@sofiane sorry im not sure if im just too dumb but i dont understand the current problem ^^

|

sofiane · Accepted Answer · 2018-10-03 09:58:07Z

0

Thanks lot i have found the solution:

<div v-html="history(post)"></div>


methods: {
    history(post) {
        return post.case_history.replace('***', '<br>') . replace(/\*\*\*/g, '<br>').replace(/------------------------------/g, '<br>');
    }
}

answered Oct 3, 2018 at 9:58

sofiane

235 bronze badges

Collectives™ on Stack Overflow

how can i formating text with vue.js

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related