vue.js - 如何将 slot 和 slot-scope 移动到 vue 3 v-slot 规则
问题描述
当我为 VueJS使用 Ant-design表时出现此错误
<template slot="name" slot-scope="name"> {{ name.first }} {{ name.last }} </template>
在我更改为 Vue 3 规则后,仍然没有显示:
<template v-slot:name v-slot="name"> {{ name.first }} {{ name.last }} </template>
解决方案
您下面的标记不起作用,因为它用两个插槽名称标记模板;即,name
插槽(in v-slot:name
)以及default
插槽(in v-slot="name"
):
<template v-slot:name v-slot="name"> {{ name.first }} {{ name.last }} </template>
^^^^^^^^^^^ ^^^^^^^^^^^^^
这是正确的修复:
<template v-slot:name="name"> {{ name.first }} {{ name.last }} </template>
推荐阅读
- javascript - 无法使用 JQuery 将事件侦听器添加到克隆的元素 - 用于 CSS 动画
- laravel-5 - 当我使用 gitlab 更新分支时自动更新我的网络服务器
- webpack - 加载 svg 图标时“未定义导出”
- python-3.x - 如何从 pipelines.py 中获取 scrapy 参数的值?
- node.js - Express 中间件忽略 next(new Error()) 并继续执行代码
- c++ - 为什么空的 unordered_map.find 没有返回 end()?
- javascript - 如何使用 React Router 根据他们的推荐人重定向用户
- mysql - 将现有的自动增量 ID 排序的代码可能是什么?
- reactjs - 如何在 React 中的 onblur 事件后检查组件是否已被单击
- java - Maven 无法使用 eclipse 解决 Jacob 依赖关系