vue动态绑定值换行

回答: 根据提供的引用内容，可以看出在Vue中动态绑定值时，如果从后台接收到的值中包含换行符，可以通过以下方式处理。在Vue的data属性中，将接收到的值作为字符串进行赋值，然后在模板中使用v-html指令将字符串渲染为HTML内容。这样可以保留换行符的显示效果。例如，可以将接收到的值赋给appIntro属性，并在模板中使用v-html指令渲染该属性的值。具体代码如下所示：

<span id="appIntro" style="display: none">${app.intro}</span>
<script>
  let vm = new Vue({
    el: '#app-Detail',
    data: function () {
      return {
        appIntro: ''
      }
    },
    mounted: function () {
      this.appIntro = $("#appIntro").html();
    },
    // ...
  });
</script>

在上述代码中，通过将接收到的值赋给appIntro属性，并在mounted钩子函数中使用jQuery方法获取隐藏元素的内容，然后将其赋给appIntro属性。接下来，在模板中使用v-html指令将appIntro属性的值渲染为HTML内容。这样就可以保留换行符的显示效果。
#### 引用[.reference_title]
- *1* *2* *3* [Vue Jsp页面值绑定出现换行后台值导致syntaxerror 问题处理](https://blog.csdn.net/wejack/article/details/126771309)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]