如何使用vue.js中的filter选项过滤字符串的符号

 时间:2024-10-13 03:57:21

1、第一步,双击打开HBuilderX编辑工具,新建静态页面并插入一个vue.js,修改title标签内容,如下图所示:

如何使用vue.js中的filter选项过滤字符串的符号

2、第二步,在对应的主体标签中,插入一个div设置id属性值为fs,并在div标签中插入一个label和span,如下图所示:

如何使用vue.js中的filter选项过滤字符串的符号

3、第三步,在<script></script>标签中,进行vue实例化对象,给tname进行赋值,如下图所示:

如何使用vue.js中的filter选项过滤字符串的符号

4、第四步,在data方法下面,添加一个filters,定义过滤器filterSymbol,调用replace方法过滤?,如下图所示:

如何使用vue.js中的filter选项过滤字符串的符号

5、第五步,保存代码并打开浏览器预览效果,结果控制台打印出来错误,如下图所示:

如何使用vue.js中的filter选项过滤字符串的符号

6、第六步,返回编辑器工具,将?修改为#符号,然后再次保存查看效果,如下图所示:

如何使用vue.js中的filter选项过滤字符串的符号
  • 阿卡姆疯人院图文攻略
  • 城堡破坏者攻略
  • 生化危机8人偶师卧室攻略
  • 泰坦陨落2怎么改中文
  • 热门搜索
    感冒怎么好的快 纤怎么组词 眼影怎么画好看 空气凤梨怎么养 下巴长痘痘是怎么回事 苹果6plus怎么样 昆明理工大学怎么样 机械表走的快怎么办 微博怎么玩 怎么美白皮肤