开发者

Quasar q-checkbox get target value if checked

开发者 https://www.devze.com 2022-12-07 21:21 出处:网络
I\'m using QUASAR and I want to get the state of my q-checkbox whether if it\'s checked or not. I\'ve used event.ta开发者_高级运维rget.checked and event.target.value but they are all undefined.

I'm using QUASAR and I want to get the state of my q-checkbox whether if it's checked or not. I've used event.ta开发者_高级运维rget.checked and event.target.value but they are all undefined.

my checkbox:

<q-checkbox 
  v-on:click="addServices(full_service, $event)"
  v-model="form.selected_full_services"
  :val="full_service" />

my method:

addServices(full_service, event) {
     console.log(event.target.checked)
     console.log(event.target.value)
}

console:

output undefined


If I understood you correctly, maybe you don't need function at all :

const { ref } = Vue
const app = Vue.createApp({
  setup () {
    const full_services = ref( ['aaa', 'bbb', 'ccc'] )
    const form = ref( { selected_full_services: [] } )
    return { form, full_services }
  }
})

app.use(Quasar)
app.mount('#q-app')
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/quasar@2.10.1/dist/quasar.prod.css" rel="stylesheet" type="text/css">
<div id="q-app">
{{form}}
  <div v-for="full_service in full_services">
    <q-checkbox
      :label="full_service"
      v-model="form.selected_full_services"
      :val="full_service" />
  </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quasar@2.10.1/dist/quasar.umd.prod.js"></script>

0

精彩评论

暂无评论...
验证码 换一张
取 消