vue如何拼接标签属性
在vue中拼接标签属性的方法:1.新建vue.js项目;2.在项目中添加a标签,并设置href属性;3.使用v-bind指令绑定href属性;4.通过实例化vue对象接标签属性;
具体步骤如下:
1.首先,在vue-cli中创建一个vue.js项目;
vue init webpack myvue
2.vue.js项目创建好后,在项目中添加一个a标签,并设置href属性;
<div id="app"><a href="url">百度</a>
</div>
3.a标签添加好后,使用v-bind指令对href属性进行绑定;
<div id="app"><a v-bind:href="url">百度</a>
</div>
4.最后,href属性绑定好后,通过实例化vue对象即可拼接标签属性;
var vm = new Vue({
el: '#app',
data: {
url: "www.baidu.com"
}
});
声明:本站所有作品(图文、音视频)均由用户自行上传分享,或互联网相关知识整合,仅供网友学习交流,若您的权利被侵害,请联系 管理员 删除。
本文链接:http://news.ew35.com/