Vue.js给html元素绑定标题
我想给html里的某个元素绑定一个titile,用了v-bind的指令，但好像行不通，有没有什么好的解决方法，在线等，急！！！...
我想给html里的某个元素绑定一个titile,用了v-bind的指令，但好像行不通，有没有什么好的解决方法，在线等，急！！！
展开
展开全部
解决这个问题的方法如下：
1、双击打开HBuilder工具，新建静态页面vhtml.html，并引入vue.js文件。
2、在<body></body>标签元素插入一个div和input输入框标签，添加v-model和v-html指令。
3、在<div></div>标签下方插入<script></script>，并在这个标签初始化vue组件函数。
4、保存代码并在浏览器中预览该界面，可以查看到浏览器控制台报错了。
5、最后修改v-html指令和v-model指令绑定的数据变量，然后保存代码，这样问题就解决了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用v-bind可以设置html标签的属性，其中就包括了title属性，举例如下：
HTML代码：
<div id="app">
<a href="#" v-bind:title="str">我是测试内容</a>
</div>
JavaScript（VUE）代码：
var vm = new Vue({
el: '#app',
data: {
str: '123'
}
});初始化运行结果：
在控制台执行 vm.str = "abc"; 的结果：
从初始化运行结果可以看出，title属性是生效的，并且赋值了在示例中js代码设定的值。从第2张图可以看出，在控制器中修改绑定的属性值也是没问题的。
更多追问追答
追问
如图，我需要从tempListData中拿到数据然后拼接出一个titile该怎么做？还有，我在控制台vm.str 提示nodefined
追答
如果tempListData不需要与页面中的任何标签绑定，可以不用在VUE的实例化中声明。只要让str变量和标签的title属性绑定就可以了。然后在外部拼接数据，并赋值给str就可以了。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
