Vue.js给html元素绑定标题

Question

Vue.js给html元素绑定标题

Answer 1

使用v-bind可以设置html标签的属性，其中就包括了title属性，举例如下：

HTML代码：

1 2 3

<div id="app">     <a href="#" v-bind:title="str">我是测试内容</a> </div>

JavaScript（VUE）代码：

1 2 3 4 5 6

var vm = new Vue({     el: '#app',     data: {         str: '123'     } });

初始化运行结果：

在控制台执行 vm.str = "abc"; 的结果：

从初始化运行结果可以看出，title属性是生效的，并且赋值了在示例中js代码设定的值。从第2张图可以看出，在控制器中修改绑定的属性值也是没问题的。