Question

我无法理解如何通过html将值传递给vue，它总是给我这个错误：内部属性中的插值已被删除。请改用v-bind或冒号

编辑：我想传递价值＆＃34; country＆＃34;到vue实例，这不起作用，有人可以给我一个关于HTML和vue方面的例子吗？

这是我的代码：

HTML

<div id="image-slider" :country="@{{country}}">
<template id="slider-template">
<p>
<a class="featured-providers-arrow-left" @click="prevRow"><img src="{{route('cacheImage', ['newDesign', 'arrow.png']) }}"/></a>
</p>
<a class="featured-providers-arrow-right" @click="nextRow"><img src="{{route('cacheImage', ['newDesign', 'arrow.png']) }}"/></a>
</template>
</div>

VUE

new Vue({
el: '#image-slider',
  data: {
    providers: []
  },
  mounted(){
    this.country = this.$el.attributes.country.value;
    this.$http.get('/provider-' + this.country).then(response => response.data = this.providers);/*this.providers = response.data);*/
  },
  currentNumber: 0,
  timer:null
}

Answer 1

Vuejs不再支持文本插值。 As explained here：

删除了属性中的插值

属性中的插值不再有效。

例如：
void*
应该更新使用内联表达式：
<button class="btn btn-{{ size }}"></button> 

因此，这基本上意味着与Vuejs 1.x不同，其中此语法有效：

<button v-bind:class="'btn btn-' + > size"></button>

在2.x中，它不再受支持。所以你必须把它改成：

<img src="{{someValue}}">

内部属性中的插值已被删除。改为使用v-bind或冒号

1 个答案:

删除了属性中的插值