I'm working in asp.net with Orckestra CMS (before Composite) and Razor Templates and trying to use Vue framework. All is fine when using {{option.text}}
from here:Well-formed XML cannot use the : and @ shortcuts for v-bind: and
v-on:. And in XML these attributes are interpreted as namespace names.To use the v-bind: and v-on: syntax in XML (e.g. XSLT files), add
these as dummy namespaces in the XML, e.g.<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:v-bind="https://vuejs.org/v2/api/#v-bind"
xmlns:v-on="https://vuejs.org/v2/api/#v-on">
CopyThen also add the dummy xmlns:v-bind to the <html> element of the
output – otherwise the definitions will be repeated everywhere.Solution 2:
v-bind can bind without : like below:<optionv-for="option in options"v-bind="{value: option.value}">{{option.text}}</option>Copyis equals<optionv-for="option in options"v-bind:value="option.value">{{option.text}}</option>Copycf. Vue.js#v-bindSolution 3:
It's not a problem about vuejs as this fiddle shows. The Razor Template engine does not know the namespace v-bind: and only : is invalid xml.
You need to tell the template engine about the namespaces of vuejs. Here is another stack overflow article about adding custom namespaces to Razor template engine. Solution 4:
SOLVED: The problem is the XHTML validation, is very strict with tags, attributes, etc.The way to sort this validation is inset the code between < ![CDATA[ "blablabla" ]]><selectclass="form-control"id="myExample1">
<![CDATA[
<option v-for="option in options" v-bind:value="option.value">{{option.text}}</option>
]]>
</select>Copy
Share
Post a Comment
for "V-bind Error:v-bind' Is An Undeclared Prefix"
Top Question
Right Floated Element Disappears When Using Columns In Firefox
I am using an ol element with column-count and column-gap p…
Remove The Button Inside The Dropdownlist
Is there a way to hide or remove the arrow button inside a …
Adding Asterisk To Placeholder, Or A Nice Way To Mark Required Fields Via Placeholder
I'm looking for a way to style the asterisk in the plac…
Mystery Margin Or Padding On List
I cannot figure out where the padding is coming from the on…
Homepage Slow To Load
When I go to the homepage of my website after clearing my c…
How To Add Placeholder Field?
I've been trying to add placeholder in input type='…
Continuous Image Swap While Mouse Is Hovering
i have an idea but i'm not quite sure how to execute it…
3 Columns + 100% Height
I need same as in the http://blog.html.it/layoutgala/Layout…
Escaping & > Characters In Ng-bind In AngularJs
I have a use case, where we can have '&' and &#…
Align Div Element To Bottom Of Container
I am trying to bottom align one of three divs inside a cont…