Vue.js给html元素绑定标题

Question

Vue.js给html元素绑定标题

Answer 1

使用v-bind可以设置html标签的属性，其中就包括了title属性，举例如下：HTML代码：123<div&nbsp;id="app">&nbsp;&nbsp;&nbsp;&nbsp;<a&nbsp;href="#"&nbsp;v-bind:title="str">我是测试内容</a></div>JavaScript（VUE）代码：123456var&nbsp;vm&nbsp;=&nbsp;new&nbsp;Vue({&nbsp;&nbsp;&nbsp;&nbsp;el:&nbsp;'#app',&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str:&nbsp;'123'&nbsp;&nbsp;&nbsp;&nbsp;}});初始化运行结果：在控制台执行 vm.str = "abc"; 的结果：从初始化运行结果可以看出，title属性是生效的，并且赋值了在示例中js代码设定的值。从第2张图可以看出，在控制器中修改绑定的属性值也是没问题的。&nbsp;