ошибка v-bind: v-bind '- необъявленный префикс

Я работаю в asp.net с Orcestra CMS (до Composite) и шаблонов Razor и пытается использовать Vue framework.ошибка v-bind: v-bind '- необъявленный префикс

Все отлично при использовании {{}} option.text

<select class="form-control" id="myExample1"> 
    <option v-for="option in options">{{option.text}}</option> 
</select>

Но когда я вставить атрибут v-привязки, страница разбита:

<select class="form-control" id="myExample1"> 
    <option v-for="option in options" v-bind:value="option.value">{{option.text}}</option> 
</select>

Rendering страницу сбой и показать «Ошибка:« v-bind »- необъявленный префикс».

источник

2017-01-26 Ezequiel Fdeil

У меня нет опыта работы с ASP.net, но попытался ли вы использовать более короткий способ привязки? ': value =" option.value "'? –

ASP.net? никогда не используйте ASP.net – gurghet

@BelminBedak Я также использую более короткий путь, и у меня есть это: Ошибка: имя не может начинаться с символа ':', шестнадцатеричного значения 0x3A. –

РЕШИТЬ: Проблема в том, валидация XHTML, очень строг теги, атрибуты и т.д.

Способ сортировки этого проверки является вставка кода между < ![CDATA[ "blablabla" ]]>

<select class="form-control" id="myExample1"> 
<![CDATA[  
<option v-for="option in options" v-bind:value="option.value">{{option.text}}</option> 
    ]]> 
</select>

источник

2017-02-03 17:12:07

Это не проблема с vuejs как this fiddle shows. Механизм шаблона Razor не знает пространство имен v-bind: и только : недействителен xml. Вам нужно сообщить движку шаблона об пространствах имен vuejs. Вот another stack overflow article о добавлении пользовательских пространств имен в механизм шаблонов Razor.

источник

2017-01-27 10:39:42 keksnicoh

Спасибо за ответ! Теперь, cuestion: Где я нашел пространство имен Vuejs? Мне нужно создать это? –

Я связал еще одну тему по этому поводу. Я не очень уверен, как справиться с ситуацией, так как я никогда не использовал ASP.NET/этот механизм шаблонов. – keksnicoh

v-bind может связываться без :, как показано ниже:

<option v-for="option in options" v-bind="{value: option.value}">{{option.text}}</option>

это равняется

<option v-for="option in options" v-bind:value="option.value">{{option.text}}</option>

cf. Vue.js#v-bind

источник

2018-02-02 09:11:16 peccu

ошибка v-bind: v-bind '- необъявленный префикс

ответ

Смежные вопросы