<h3 dir="auto">Vue.js version</h3>
<p dir="auto">1.0.23</p>
<h3 dir="auto">Reproduction Link</h3>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;div id=&quot;currencies&quot;&gt;
    &lt;br /&gt;{{currencies[0] | currency}}
    &lt;br /&gt;{{currencies[1] | currency}}
    &lt;br /&gt;{{currencies[2] | currency}}
    &lt;br /&gt;{{currencies[0] | currency '&amp;#8377;' 0}}
    &lt;br /&gt;{{currencies[1] | currency '&amp;#8377;' 0}}
    &lt;br /&gt;{{currencies[2] | currency '&amp;#8377;' 0}}
    &lt;br /&gt;{{currencies[0] | currency '&amp;#8364;'}}
    &lt;br /&gt;{{currencies[1] | currency '&amp;#8364;'}}
    &lt;br /&gt;{{currencies[2] | currency '&amp;#8364;'}}
    &lt;br /&gt;{{currencies[0] | currency '&amp;#8364;'}}
    &lt;br /&gt;{{currencies[1] | currency '&amp;#8364;'}}
    &lt;br /&gt;{{currencies[2] | currency '&amp;#8364;'}}
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
var app = new Vue({
    el: '#currencies',
    data: { currencies: [10, 1000, 10000000] }
});
&lt;/script&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">id</span>="<span class="pl-s">currencies</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[0] | currency}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[1] | currency}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[2] | currency}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[0] | currency '&amp;#8377;' 0}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[1] | currency '&amp;#8377;' 0}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[2] | currency '&amp;#8377;' 0}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[0] | currency '&amp;#8364;'}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[1] | currency '&amp;#8364;'}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[2] | currency '&amp;#8364;'}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[0] | currency '&amp;#8364;'}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[1] | currency '&amp;#8364;'}}
    <span class="pl-kos">&lt;</span><span class="pl-ent">br</span> /&gt;{{currencies[2] | currency '&amp;#8364;'}}
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">type</span>="<span class="pl-s">text/javascript</span>"<span class="pl-kos">&gt;</span>
<span class="pl-k">var</span> <span class="pl-s1">app</span> <span class="pl-c1">=</span> <span class="pl-k">new</span> <span class="pl-v">Vue</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
    <span class="pl-c1">el</span>: <span class="pl-s">'#currencies'</span><span class="pl-kos">,</span>
    <span class="pl-c1">data</span>: <span class="pl-kos">{</span> <span class="pl-c1">currencies</span>: <span class="pl-kos">[</span><span class="pl-c1">10</span><span class="pl-kos">,</span> <span class="pl-c1">1000</span><span class="pl-kos">,</span> <span class="pl-c1">10000000</span><span class="pl-kos">]</span> <span class="pl-kos">}</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div>
<h3 dir="auto">Steps to reproduce</h3>
<h3 dir="auto">What is Expected?</h3>
<p dir="auto">Indian numbering (as well as several other Asian countries) don't use the same number separations as western countries.  They place the first comma after three digits, and the rest every two digits, so large numbers like currencies become:</p>
<p dir="auto"><code class="notranslate">₹1,00,000</code></p>
<p dir="auto">Instead of:</p>
<p dir="auto"><code class="notranslate">₹100,000</code></p>
<p dir="auto">Further, many (but not all) European countries have a "decimal comma" and use a dot to separate thousands groups, so the equivalent large amount would become:</p>
<p dir="auto"><code class="notranslate">€100.000,00</code></p>
<p dir="auto">I'm aware (from reading previous discussions on the <code class="notranslate">| currency</code> directive) that inferring settings from the currency marker is not desired, but there should be a way to specify the following outputs:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="$10.00
$1,000.00
$10,000,000.00
₹10
₹1,000
₹1,00,00,000
€10.00
€1,000.00
€10,000,000.00
€10,00
€1.000,00
€10.000.000,00"><pre class="notranslate"><code class="notranslate">$10.00
$1,000.00
$10,000,000.00
₹10
₹1,000
₹1,00,00,000
€10.00
€1,000.00
€10,000,000.00
€10,00
€1.000,00
€10.000.000,00
</code></pre></div>
<p dir="auto">Note the two different euro variants.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Currently, all the outputs are:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="$10.00
$1,000.00
$10,000,000.00
₹10
₹1,000
₹10,000,000
€10.00
€1,000.00
€10,000,000.00
€10.00
€1,000.00
€10,000,000.00"><pre class="notranslate"><code class="notranslate">$10.00
$1,000.00
$10,000,000.00
₹10
₹1,000
₹10,000,000
€10.00
€1,000.00
€10,000,000.00
€10.00
€1,000.00
€10,000,000.00
</code></pre></div>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.14</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="http://microseeds.com/vue-bug.html" rel="nofollow">http://microseeds.com/vue-bug.html</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ul dir="auto">
<li>use Chrome to load <a href="http://microseeds.com/vue-bug.html" rel="nofollow">http://microseeds.com/vue-bug.html</a></li>
<li>select Two</li>
<li>click Submit</li>
<li>click Chrome's Back button</li>
</ul>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">The value displayed should agree with the selected radio button</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The value displayed is "One" but the "Two" radio button is selected</p>
<hr>
<p dir="auto">The problem shows up in Chrome and Edge, but works as expected in Firefox.</p>