使用<script lang="ts" name="canbine-sysCanbine" setup> 接收system/canbine/SysCanbineList?storeId=1649987284001816578传递的参数
时间: 2023-06-14 10:03:53 浏览: 141
如何接收页面之间传递的参数
在Vue 3中,可以使用`defineProps()`函数定义props,然后在`setup()`函数中使用`props`对象来接收传递的参数。示例代码如下:
```typescript
<script lang="ts" name="canbine-sysCanbine" setup>
import { defineProps } from 'vue';
interface SysCanbineListProps {
storeId: string;
}
const props = defineProps<SysCanbineListProps>({
storeId: {
type: String,
required: true,
},
});
console.log(props.storeId); // 可以在这里获取到传递的storeId参数
</script>
```
在上面的示例代码中,我们定义了一个名为`canbine-sysCanbine`的组件,并在`setup()`函数中使用`defineProps()`函数定义了一个名为`props`的对象来接收`storeId`参数。`defineProps()`函数的参数是一个对象,用于定义各个props的类型和其他属性。在`props`对象中,我们可以直接访问`storeId`属性来获取传递的参数。
阅读全文