Vue.js給html元素綁定標題
1 回答
慕哥6287543
TA貢獻1831條經(jīng)驗 獲得超10個贊
使用v-bind可以設(shè)置html標簽的屬性，其中就包括了title屬性，舉例如下：
HTML代碼：
1 2 3 | <div id="app"> <a href="#" v-bind:title="str">我是測試內(nèi)容</a> </div> |
JavaScript（VUE）代碼：
1 2 3 4 5 6 | var vm = new Vue({ el: '#app', data: { str: '123' } }); |
初始化運行結(jié)果：
在控制臺執(zhí)行 vm.str = "abc"; 的結(jié)果：
從初始化運行結(jié)果可以看出，title屬性是生效的，并且賦值了在示例中js代碼設(shè)定的值。從第2張圖可以看出，在控制器中修改綁定的屬性值也是沒問題的。
添加回答
舉報
0/150
提交
取消