进行修改操作的时候 修改的值没有实时改变,该怎么做呢?

<!--父组件-->

 <CategorySelect

v-model="formData.categoryId"

:type="0"

></CategorySelect>

<!--子组件-->

<template>

<div>

<!-- 下拉框 -->

<el-select

clearable

placeholder="请选择分类"

:modelValue="modelValue"

@change="onChange"

>

<el-option

:value="item.categoryId"

:label="item.categoryName"

v-for="item in categoryList"

></el-option>

</el-select>

</div>

</template>

<script setup>

import { ref, reactive, getCurrentInstance, onMounted, nextTick } from "vue";

const { proxy } = getCurrentInstance();

const props = defineProps({

modelValue: {

type: [Number,String],

},

type: {

type: Number,

},

});

const api = {

loadCategory: "/category/loadAllCategory4Select",

};

const categoryList = ref([]);

const loadCategory = async () => {

let result = await proxy.Request({

url: api.loadCategory,

params: {

type: props.type,

},

});

if (!result) {

return;

}

categoryList.value = result.data;

};

loadCategory();

const emit = defineEmits(["update:modelValue", "change"]);

const onChange = (e) => {

emit("update:modelValue", e);

emit("change");

};

</script>

进行修改操作的时候 修改的值没有实时改变,该怎么做呢?

进行修改操作的时候 修改的值没有实时改变,该怎么做呢?


回答:


:modelValue="modelValue" 这里不应该是 props.modelValue 嘛?
别的地方好像没问题。

搞了个 demo,是联动的

https://stackblitz.com/edit/vitejs-vite-hha5mb?file=src%2FApp.vue,src%2Fstyle.css,src%2Fcomponents%2FHelloWorld.vue&terminal=dev


回答:

你所说的 实时改变 是啥意思=。= 是 vue-devtools 里面显示的 formData.categoryId 没有马上更新,还是 watchformData 里面的方法没有触发?

以上是 进行修改操作的时候 修改的值没有实时改变,该怎么做呢? 的全部内容, 来源链接: utcz.com/p/935242.html

回到顶部