How to write multi-line placeholder? in textarea under the framework of vue (the product is cuttlefish, and I am orz for fish.)

problem description

recently, the company writes a project with vue. The product mentions a placeholder that writes multiple lines in < textarea > (or implements the default multiline prompt). The project is pulled with textare"a

pulled by elementui.

the environmental background of the problems and what methods you have tried

the solution must be based on the reasonable experience of the product and the stability and harmony of bilateral relations to find and communicate with the product, and propose to use an one-line placeholder to solve the problem, but only one sentence: no!
then thinks of placeholders that directly write multiple lines in < textarea >, and then luan < / textarea >
and see that you can use . , you can write the demo experiment directly, but not in the vue project, and the textarea of elementui is not good either.

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

is there a simpler way to solve it, mainly under the vue project

Apr.01,2021

em. Yes, I just dealt with this problem before.

<textarea
    :placeholder="defaultContent"
    maxlength="200"
    v-model="v-model"
    class="class-name"
 ></textarea>

placeholder variable

defaultContent: '~\n\n\n\n...',
Menu