fbl123456789
哈哈哈666666
采纳率2.6%
2019-09-28 20:57 阅读 2.9k

如何解决vue.js组件中template内容不能换行的问题?

5

sublime环境下,我用vue.js的时候,写一个组件,在template写入内容,代码不能换行,必须在代码写成一整行才不会报错。这样我组件的内容简单的还好,要是写一个复杂的内容的话,调试和日后修改会非常麻烦(所以代码排成一行),问下应该怎么解决?(初学vue,若是常识性弱智表达,大佬勿喷)

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • qq_32362489 QY别说话 2020-01-15 11:12

    用反字符号,就是感叹号键左边的那个

    点赞 4 评论 复制链接分享
  • weixin_39808420 世纪怪咖 2019-09-29 08:47

    有es6的语法,看这个符号

    `<div></div>` 
    

    就是div外面这个符号

    点赞 3 评论 复制链接分享
  • wanglei19880622 小小农民 2019-09-29 17:24

    是类似下面的吗

    Vue.component('file-infor',{//模型详细信息条目的复用组件
        props:['attribute'],
        template:'\
        <div class="tc-form-li">\
            <label for="">{{attribute[0]}}:</label>\
            <div class="tc-input disabled"><input type="text" :value="attribute[1]" disabled="disabled"></div>\
        </div>\
        \ '
    });
    
    点赞 2 评论 复制链接分享
  • dabocaiqq dabocaiqq 2019-09-28 21:03
  • L_shouzi 瘦子先生 2019-09-30 15:05

    我感觉你的问题不是换行 是组件必须要有一个根节点 就是先写一个容器 比如div 所有的内容都在这个容器中写

    点赞 评论 复制链接分享
  • qq_38545450 咕咕轩 2019-10-21 17:47

    楼上说的根节点问题很有可能哦,报错也可能是编辑器的语法检查设置没弄好,或者你的ESlint配置没弄好

    点赞 评论 复制链接分享

相关推荐