处理vue3 组合式API setup emit(‘update:modelValue‘) 无效的问题
// 子组件export default defineComponent({props: {collapsed: {type: Boolean,},},components: { MenuFoldOutlined, MenuUnfoldOutlined },setup(props, { emit }) {const store = useStore();// 必须用computed包装一层而且需设
·
// 子组件
export default defineComponent({
props: {
collapsed: {
type: Boolean,
},
},
components: { MenuFoldOutlined, MenuUnfoldOutlined },
setup(props, { emit }) {
const store = useStore();
// 必须用computed包装一层而且需设置get和set
const collapsed = computed({
get: () => props.collapsed,
set: (value) => emit("update:collapsed", value),
});
const triggerClick = () => {
// 直接改变值
collapsed.value = !collapsed.value;
};
return {
triggerClick,
collapsed,
};
},
});
// 父组件
<parent-component v-model:collapsed="collapsed"></parent-component>
更多推荐
已为社区贡献4条内容
所有评论(0)