模板字符串(``)

2022-04-03  本文已影响0人  glassUp

模板字符串有这几种用途
1.就是代替普通单引号和双引号的作用
2.就是里面包含一个模板,里面的空格之类的都会保留原来格式
3.这种是最常见的,就是字符串中嵌套变量,这种一般都是用占位符(${})占位,里面写变量

这段代码是项目中搜索框双向绑定后,把输入的数据保存起来,点击搜索按钮再传到地址中作为params参数实现路由跳转

export default {
  data() {
    return {
      keyword: "",
    };
  },
  methods: {
    goSearch() {
      this.$router.push(`/search/${this.keyword}`);
    },
  },
};

注:这部分写完后还要在routes.js中动态加上params参数,还有?,因为项目后面还要传query参数

  {
    path:'/search/:keyword?',
    component:Search
  },
上一篇 下一篇

猜你喜欢

热点阅读