paul kendal23's questions

我正在使用 Vue 3 。我无法从按钮获取数据集值：

这是按钮：

  <script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>

<button id="profile"
         v-on:click="start" :data-id="19876"
         class="profile"
         data-gender="{{$gender}}">
</button> 

这是我的 vue 对象：

<script>
        Vue.createApp({
            data() {
                return {
                    state: null,
                };
            },
            mounted() {
                console.log(this);
            },
            methods: {
                startChat(event){
                    //  const { id } = event.target.dataset;
                    var id = event.target.getAttribute('data-id');
                    console.log(id);
                },
            }
        }).mount('#profile');

    </script>

这将返回值 null。

我也尝试过这个：

const { id } = event.target.dataset;

其返回值未定义。