如何使用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怎么改中文
  • 热门搜索
    足力健老人鞋怎么样 腿麻是怎么回事 湖南工学院怎么样 鼻炎鼻塞怎么治疗 泰拉瑞亚捕虫网怎么做 一直咳嗽是怎么回事 华侨大学怎么样 喘气费劲怎么回事 怎么开通qq空间 太平保险怎么样