laravel - 导入后如何加载 vue 组件。可能无法自行加载,应加载到它导入的文件中
问题描述
我正在尝试使用过滤器制作一个动态表。过滤器在Filters.vue
并且应该加载到Table.vue
. 但是Filters.vue
不允许加载自己,我希望它自己导入到 中Table.vue
,然后Table.vue
从Filters.vue
.
如果Filters.vue
自己加载,那么它会崩溃,我可以通过将东西放在Table.vue
html 标记中的道具中来修复崩溃,但这不是我想要的方式。
表.vue
<div class="row m-3">
<guide-filter></guide-filter>
</div>
过滤器.vue
<template>
<div class="col-sm-auto">
<small class="text-cap mb-2 support-text-body">Status</small>
<div class="w-100">
<select v-model="filterResult.active" class="select2-selection custom-select">
<option value="">All</option>
<option value="1" >Active</option>
<option value="false" >Archived</option>
</select>
</div>
</div>
<div class="col-sm-auto">
<small class="text-cap mb-2 support-text-body">Language </small>
<div class="w-100">
<select v-model="filterResult.language_id" class="select2-selection custom-select">
<option value="">All</option>
<option v-for="language in languages" v-bind:key="language.id" v-bind:value="language.id">{{ language.name }}</option>
</select>
</div>
</div>
</template>
<script>
export default {
data() {
return {
filterResult: {},
}
},
}
</script>
解决方案
<div class="col-sm-auto">
<small class="text-cap mb-2 support-text-body">Language </small>
<div class="w-100">
<select v-model="filterResult.language_id" class="select2-selection custom-select">
<option value="">All</option>
<option v-for="language in languages" v-bind:key="language.id" v-bind:value="language.id">{{ language.name }}</option>
</select>
</div>
</div>
推荐阅读
- mysql - LEFT JOIN 返回错误的总数
- javascript - 将附加信息传递给 EventListener 回调
- php - AltoRouter 发送 Mime 类型
- java - 如何使用 spring/java 在独立服务器中运行记录的 selenium 测试用例
- java - 验证文件的清晰方法
- html - 为什么输入 url 参数时 http-server 上的 Node.js 会冻结
- python - 项目中自定义第三方python包的正确方法
- java - 如何在java中使用本机android代码返回当前位置
- sql - 在 web2py 和 SQLFORM.grid 中使用两个条件查询
- css - 我可以以更简单的方式将 css 类指定为一种标签吗?