VUE
Trista-
敢想,敢做!
展开
-
关于vue引入组件库样式无效问题
问题:今天新建了一个h5项目,打算用vant组件库进行开发,按照官方文档进行组件库的引入,发现三种引入方式都没有样式解决:发现是config文件中的配置出错,requireModuleExtension值默认为true,但我在配置的时候给了false值为了去掉文件名中的 .module 并将所有的 *.(css|scss|sass|less|styl(us)?) 文件视为 CSS Modules 模块。导致了引入的vant样式文件无效,设置为true或默认不设置即可css: { extra原创 2020-09-11 14:34:28 · 1824 阅读 · 0 评论 -
Vue路由权限控制
路由权限控制常用于后台管理系统中,对不同业务人员能够访问的页面进行一个权限的限制。对于无权限的页面可以跳转404页面或者提示无权限。方式一:路由元信息(meta)把所有页面都放在路由表中,只需要在访问的时候判断一下角色权限即可。vue-router 在构建路由时提供了元信息 meta 配置接口,我们可以在元信息中添加路由对应的权限,然后在路由守卫中检查相关权限,控制其路由跳转。在 meta 属性里,将能访问该路由的角色添加到 roles 里。用户每次登陆后,将用户的角色返回。然后在访问页面时,.原创 2020-07-24 16:11:04 · 5442 阅读 · 0 评论 -
Vue 插槽使用
Vue 插槽使用因为在2.6.0中,具名插槽 和 作用域插槽 引入了一个新的统一的语法 (即v-slot 指令)。它取代了 slot 和 slot-scope,并且现在网上都说的是一些老版本的内容,官方文档不太容易理解,所以就整理了一篇有关于插槽(slot)使用的文章Slot 通俗的理解就是“占坑”,在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑(替换组件模板中s...转载 2019-12-17 10:54:02 · 682 阅读 · 0 评论 -
vue多选、全选和选中删除问题
<div id="vueContainer"> <div> <input type='checkbox' class='input-checkbox' :checked="fruitIds.length === fruits.length" @click='checkedAll()'>全选 <div v-for='(frui...转载 2019-11-28 21:31:56 · 3262 阅读 · 0 评论 -
强制刷新vue组件的方法
背景例如我有一个表格,每次点击其中的一行弹出一个窗口,展示对应的信息,弹窗如下<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" top="0"> <UserPage v-if="isShow" :userid="userid"/></el-dialog&g...原创 2019-11-13 21:10:21 · 1168 阅读 · 0 评论 -
VUE报错 npm ERR! path E:\MyProgram_Vuejs\package.json
adfa原创 2019-08-12 19:25:21 · 2197 阅读 · 0 评论