![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue
vvvvv_2
这个作者很懒,什么都没留下…
展开
-
elementui相关
更改按钮默认样式 <el-button type="info">主要按钮</el-button> .el-button--info{ color: #fff; background-color: #FF69B4; border-color: #FF69B4; } .el-button--info:disabled { background-color: #999999; border-color: #999999; } .el-button--primary.原创 2020-12-25 14:43:47 · 176 阅读 · 0 评论 -
(vue)vue中按钮权限控制
使用自定义指令实现 vuex import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { buttonPermission: { add: true, edit: true, delete: false } }, mutations: { //定义好请求的方法,这里将把后台返回的按钮权限数.原创 2020-12-10 10:46:57 · 608 阅读 · 0 评论 -
vue组件封装
menu组件封装 app.vue <template> <div id="app"> <vvMenu> <vvMenuItem>导航一</vvMenuItem> <vvMenuItem>导航二</vvMenuItem> <vvMenuItem>导航三</vvMenuItem> </vvMenu> <router-.原创 2020-12-02 13:44:53 · 95 阅读 · 0 评论 -
(vue)路由中指定prop属性
1.将props设为true。作用同this. $ routes.params。但是推荐使用props,因为要让组件和路由解耦,所以尽量不要在组件中使用$routes。 { path:'/categories/edit',component:CategoryEdit,props:true}, 这样在组件中: data(){ return { props:id } }, 可以直接用 this.id取值,而可以不用 this.$route.params.id 取值 ...原创 2020-08-22 12:49:01 · 986 阅读 · 0 评论 -
事件处理
事件处理 绑定监听: v-on:xxx=“fun” @xxx=“fun” @xxx=“fun(参数)” 默认事件形参: event 隐含属性对象: $event <h2>1. 绑定监听</h2> <button @click="test1">test1</button> <button @click="test2('abc')">test2</button> <button @click="test3('atg原创 2020-07-08 16:26:08 · 100 阅读 · 0 评论 -
模板语法
模板语法 模板的理解: 动态的html页面 包含了一些JS语法代码 双大括号表达式 指令(以v-开头的自定义标签属性) 双大括号表达式 语法: {{exp}} 或 {{{exp}}} 功能: 向页面输出数据 可以调用对象的方法 指令一: 强制数据绑定 功能: 指定变化的属性值 完整写法: v-bind:xxx=‘yyy’ //yyy会作为表达式解析执行 简洁写法: :xxx=‘yyy’ 指令二: 绑定事件监听 功能: 绑定指定事件名的回调函数 完整写法: v-on:click=‘xxx’ 简洁写法: @原创 2020-07-07 23:56:08 · 147 阅读 · 0 评论