本文共 662 字,大约阅读时间需要 2 分钟。
差值表达式是不能写在html标签属性内的,那么如果一定要用vue中的属性作为html标签属性的值可以通过v-bind这个指令实现。
比如设置超链接a标签的href的值,可以用v-bind,格式是:
v-bind:href=“vue中的属性值”,可以简写为:href=“vue中的属性值”。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <id id="app"> <a v-bind:href="link">百度</a> </div></body><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script> var vue = new Vue({ el: "#app", data: { link: "https://www.baidu.com" } })</script></html>
转载地址:http://sdmh.baihongyu.com/