【笔记】Vue element 填坑记录

 

目录

说在前面的废话

知识点

1.用v-bind给标签属性赋值 src, href...

未完待续

---

 

 

说在前面的废话

怕一些小知识点忘记了，在这里做记录，以备及时查询用，防止不断往一个坑里跳

知识点

1.用v-bind给标签属性赋值 src, href...

template部分代码

<a v-bind:href="screenurl" >
   <el-button size="small" round>大屏</el-button>
</a>

JavaScript部分代码

    //跳转链接 http://120.199.23.246:7320/screen/#/
    getScreenUrl(){
      axios.get('./static/config.js').then((res) => {
        var ip_reg = /\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/;
        var currentip = ip_reg.exec(res.data);
        this.screenurl="http://"+currentip+":7320/screen/#/"
        // console.log('cog:'+JSON.stringify(this.screenurl))
        
      });
    },

这里的JS代码对相对路径下的config.js文件做了处理，根据正则匹配获取IP，

根据获取到的IP做了拼接，完成点击标签跳转

未完待续

继往开来，希望自己能有收获，也希望能帮到大家。

也请大家批评指正！