Vue 中' '中的内容无法换行

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2566 天前的主题，其中的信息可能已经有所发展或是发生改变。

代码如下:

    name: 'app',
    components:{
    },
    data(){
        return {
            code: '',
            finalCode: 'body{ background :red}',
        }
    },
    created(){
        var n = 0
        setInterval(()=>{
            this.code = this.finalCode.substring(0,n)
            n += 1
        },100)
    },

当我将 finalCode 中的内容换行显示时

return {
            code: '',
            finalCode: '
            body{ background :red}',
        }

就会出现报错SyntaxError: Unterminated string constant,而我需要里面放多行内容换行显示,该怎么做?

9 条回复 • 2017-11-06 13:32:05 +08:00

WenJimmy

2017-11-06 10:36:51 +08:00

jevirs

2017-11-06 10:44:13 +08:00

duglik

2017-11-06 10:53:48 +08:00

@jevirs
''
body{ background :red}
''这样换行的话,还是会有报错**Unexpected token, expected**

sneezry

2017-11-06 10:57:59 +08:00 via iPhone

用`，要么用\n

xfspace

2017-11-06 11:00:31 +08:00 via Android

`` 不是双引号 1 前面那个键

xingo

2017-11-06 11:47:30 +08:00

{
code: '',
finalCode: '\
body{ background: red }',
}

换行最后一个加 \ 也可以

jas0ndyq

2017-11-06 12:56:21 +08:00

请先学习 JavaScript

wwqgtxx

2017-11-06 13:21:33 +08:00 via iPhone

1 楼正解，不过建议楼主带一个放大镜看一下一楼的答案

Revenant

2017-11-06 13:32:05 +08:00

http://es6.ruanyifeng.com/#docs/string
参考模板字符串