vue
;星之所在'
这个作者很懒,什么都没留下…
展开
-
Vue实战-根据id删除对应行
vxe-table.vue示例 <template> <div> <template #default="{ row }"> <vxe-button type="text" icon="el-icon-edit" @click="editEvent(row)"></vxe-button> //removeEvent(row)传递行号 <vxe-button type="text" icon="el-ic原创 2021-06-22 16:47:36 · 1969 阅读 · 0 评论 -
Vue路由配置-嵌套路由
目录结构 film.vue <template> <div> <ul> <li>加载show组件</li> <li>加载comingsoon组件</li> </ul> <!--路由容器--> <router-view></router-view> </div> </template> <script> &l原创 2021-06-18 23:28:13 · 173 阅读 · 1 评论 -
Vue路由配置-重定向
如果用户访问了一个无效的url(ex:http://localhost:8080/#/filmasdasdasdasd),我们要给这个url进行一个默认的跳转 index.js import Vue from "vue"; // 从vue-router里面导入VueRouter import VueRouter from "vue-router"; //导入相关组件 import film from "@/views/film.vue" import center from "@/views/center.原创 2021-06-18 22:57:59 · 989 阅读 · 0 评论 -
Vue路由配置-声明式导航
目录结构 tabbar.vue(为了美观调整为弹性布局) <template> <nav> <ul> <!-- <li><router-link to="/cinema">Cinema组件</router-link></li> 效果同下一句--> <!--声明式导航--> <router-link to="/cinema" tag="li">Cinema组件&l原创 2021-06-18 22:44:00 · 109 阅读 · 0 评论 -
Vue路由配置-一级路由
目录结构 cinema.vue film.vue center.vue组件实例 <template> <div>Cinema|Film|Center</div> </template> <script> </script> <style> </style> main.js import Vue from 'vue' import ElementUI from 'element-ui'; impo原创 2021-06-18 22:04:42 · 661 阅读 · 0 评论