鍍金池/ 問答/HTML/ 使用VUE發(fā)現(xiàn)變量無法解析到href=""里

使用VUE發(fā)現(xiàn)變量無法解析到href=""里

運(yùn)行以下無法解析到href="{{site.name}}" 還是原值。為什么，如何讓他解析出來

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 測試實(shí)例 - 菜鳥教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
  <ol>
    <li v-for="site in sites">
      {{ site.name }}
        <a href="{{site.name}}">{{site.name}}</a>
    </li>
  </ol>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    sites: [
      { name: 'Runoob' },
      { name: 'Google' },
      { name: 'Taobao' }
    ]
  }
})
</script>
</body>
</html>
回答
編輯回答
孤毒

修改為：

<a :href="site.name">{{site.name}}</a>
2017年7月7日 04:05
編輯回答
吢丕

屬性值請用v-bind綁定

2018年3月16日 22:03
編輯回答
單眼皮

樓上說的都是對的，需要使用，動態(tài)props，建議多看官方文檔：
https://cn.vuejs.org/v2/guide...

2018年3月30日 11:00
編輯回答
扯機(jī)薄

都被回答了，不知道說什么好。加油！

2017年1月28日 23:04