Vue显示双括号{{}}

本是古典何须时尚 2023-10-18 08:48 4阅读 0赞

如果要想显示\{ \{\}\}标签，而不是进行替换，使用v-pre就可以跳过这个元素和它的子元素的编译过程

在\{ \{\}\}中，除了绑定属性值外，还可以使用js表达式，三元运算符

<!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Vue 显示双括号{
       {}}标签</title>
     </head>
     <body>
      <div id="app">
        <span v-pre>{
       {这个双括号要显示}}</span><br>
        {
       { number / 10}}<br>
        {
       { isTrue ? '是' : '否'}}<br>
        {
       { text.split(',').reverse().join(',') }}<br>
      </div>
    
    <script src=" href='https://cdn.jsdelivr.net/npm/vue/dist/vue.js">https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
     var app = new Vue({
         el:'#app',
         data:{
             number : 100,
             isTrue : false,
             text :   '上,下'
         }
     })
    </script>
     </body>
    </html>

![Image 1][]![70][]

[Image 1]: 
[70]: https://img-blog.csdn.net/20180913113434529?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关双击显示明细

调用标准事务码 *\*&--------------------------------------------------------------------...

超、凢脫俗/ 2024年04月18日 15:09/ 0 赞/ 97 阅读

相关 047：vue+openlayers:双击鼠标显示品牌代言人名片（示例代码）

![在这里插入图片描述][a957f6e5910d474facb7f2ad7fab4ce3.png_pic_center] 第1047个 [点击查看专栏目录][Link 1

淩亂°似流年/ 2024年04月08日 08:24/ 0 赞/ 84 阅读

相关 Vue显示双括号{{}}

如果要想显示\{ \{\}\}标签，而不是进行替换，使用v-pre就可以跳过这个元素和它的子元素的编译过程在\{ \{\}\}中，除了绑定属性值外，还可以使用js表达式，三

本是古典何须时尚/ 2023年10月18日 08:48/ 0 赞/ 5 阅读

相关 Matplotlib的双坐标显示

案例1 %matplotlib import matplotlib.pyplot as plt import numpy as np

妖狐艹你老母/ 2022年10月17日 04:17/ 0 赞/ 223 阅读

相关取消Vue双击显示编辑状态时的文字选中

背景描述在很多情况下我们都会遇到这种情况，input一开始是只读状态，当用户双击的时候我们就可以让用户来修改我们的属性，然后在失去焦点的时候保存数据，并将状态继续保持到

分手后的思念是犯贱/ 2022年10月14日 00:41/ 0 赞/ 310 阅读

相关 Java中的双大括号初始化

什么是Java双大括号初始化？通常情况下，初始化Java集合并向其中添加几个元素的步骤如下： Set<Integer> set = new HashSet<>

桃扇骨/ 2022年09月25日 03:28/ 0 赞/ 143 阅读

相关双大括号初始化的理解和使用

偶然机会看到一种对象初始的方式： // 新建一个列表，并赋值 "Harry","Tony","Tom" ArrayList<String> friends

以你之姓@/ 2022年06月07日 10:36/ 0 赞/ 170 阅读

相关 win10 双屏显示双壁纸

将两个你想放置的选定的壁纸放置在同一文件夹下，点击一张后，按下Ctrl键选定另一张，点击设置为桌面背景即可。 ![watermark_type_ZmFuZ3poZW5naGV

落日映苍穹つ/ 2022年04月23日 15:22/ 0 赞/ 371 阅读

相关 Java：双括号初始化 / 匿名内部类初始化法

1.楔子在开发中一个常见的操作就是新建Map或者List并进行初始化，但是在java的集合框架中并未提供好的初始化方式，只能先new,然后在一个个的put，但这样显得非

分手后的思念是犯贱/ 2022年02月26日 15:30/ 1 赞/ 321 阅读

相关双括号初始化java集合

双括号初始化集合对于set、list、map集合，可以使用如下的方式进行初始化： Set<String> set1 = new HashSet<String>()

柔情只为你懂/ 2021年05月12日 11:49/ 0 赞/ 469 阅读