<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/txnamgy8/1/" rel="nofollow">https://jsfiddle.net/txnamgy8/1/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Click the button</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">Clicking the button should swap out "button" button with a "submit" button.<br>
The button should change to "Submit" button which will submit form when clicked.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The form submit is triggered when "button" is pressed.</p>
<hr>
<p dir="auto">Suspect it is a focus issue.<br>
Method worked before updating to Vue v2.6.10.<br>
Form works as expected when using new v-slots</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/7j9o6o4310?fontsize=14" rel="nofollow">https://codesandbox.io/s/7j9o6o4310?fontsize=14</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Use a component that defines a scoped slot like this</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;MyComponent&gt;
  &lt;template v-if=&quot;scope.foo&quot; #myslotname=&quot;scope&quot;&gt;...&lt;/template&gt;
&lt;/MyComponent&gt;"><pre class="notranslate"><code class="notranslate">&lt;MyComponent&gt;
  &lt;template v-if="scope.foo" #myslotname="scope"&gt;...&lt;/template&gt;
&lt;/MyComponent&gt;
</code></pre></div>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">The template should evaluate the slot directive first, v-if second. Just as it is done with v-for first, v-if second.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The template evaluates the v-if first, resulting in an error (unknown component property)</p>
<hr>
<p dir="auto">This functionality was present in the deprecated slot syntax, i stumbled upon it while refactoring to the new one.<br>
It is possible to workaround this with a nested template with the respected v-if</p>
<p dir="auto">I'm using latest Vue, TypeScript, SFC</p>