fix(runtime-dom): true-value and false-value not working on first render

[edison1105]

close #2694

[posva]

Could you add a test too?

[posva]

The fix is likely to happen somewhere else, otherwise, it wouldn't work for SSR

[edison1105]

Could you add a test too?

of course.I will do it later.

[yyx990803]

Runtime directives are never used during SSR anyway

[yyx990803]

Sorry, I just saw this after I pushed 48f00c0 (note it just moves the setChecked call)

[yyx990803]

It does occur to me that true-value and false-value are not properly handled for SSR.

[edison1105]

Sorry, I just saw this after I pushed 48f00c0 (note it just moves the setChecked call)

@yyx990803
I know this and tested it already. Unfortunately this is not working.
We should assign true-value or false-value to checkbox but setChecked is not do this after first render.

<div id="app">
  <label>model {{ model }}</label>
  <input type="checkbox" v-model="model" :true-value="11" :false-value="22" />
</div>

<script>
  const { ref,createApp } = Vue
  createApp({
    name: "App",
    setup() {
      const model = ref(false);
      return {
        model,
      };
    },
  }).mount('#app')
</script>

After first render,the model value is still false not 22.

And my PR is make it works fine.