VUE
关注
分享
扫一扫
木叶二柱子
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
element table 合并
span-method：合并行或列的计算方法。原创 2023-03-02 14:56:25 · 270 阅读 · 0 评论 -
axios下载文件
axios下载文件好处：1. 可添加查询数据（url有范围控制）2. 可进行Token验证原创 2022-07-01 15:19:06 · 535 阅读 · 0 评论 -
VUE组件传值
父组件—>子组件传值子接受父的数据props<div id="组件"> <!-- 静态传值 --> <zu-jian a="1" b="2"></zu-jian> <!-- 动态传值 --> <zu-jian :a="content" :b="title"></zu-jian></div>Vue.component("ZuJian",{ props:['a','b'], templat原创 2022-01-05 09:49:10 · 363 阅读 · 0 评论 -
插槽slot
组件插槽<slot></slot>具名插槽<alert-box> <p slot="head">111</p> 111</alert-box>Vue.component('alert-box',{ props:['list'], template:`<div> <slot name='head'>默认内容</slot> <slot >默认内容</slot&g原创 2022-01-05 09:48:28 · 258 阅读 · 0 评论 -
VUE组件
全局组件注意：组件只有一个根元素组件命名：短横线分隔（kebab-case）、首字母大写命名（KebabCase）（DOM (非字符串模板) 中使用时只有 kebab-case 是有效的）一<zu-jian></zu-jian>Vue.component("ZuJian",{ data:function(){ return{ num:0, msg:"" }; }, template:'<div><input type="b原创 2022-01-05 09:47:38 · 189 阅读 · 0 评论 -
VUE表格例子
修改数据添加（push(obj)/unshift(obj)）<body> <div id="d1"> <input type="text" v-model="id"/> <input type="text" v-model="name"/><br/> <input type="button" value="up" @click="up"/> <input type="button" valu原创 2022-01-05 09:46:49 · 2804 阅读 · 0 评论 -
VUE简单命令
v-cloak指令（解决闪动）css<style> [v-cloak] { display: none; }</style>html<div id="app" v-cloak> <div>{{msg}}</div></div>js<script> var app = new Vue({ el: '#app', dat原创 2022-01-05 09:45:53 · 191 阅读 · 0 评论 -
路由常用属性
new Router({ mode: 'history', //路由模式，取值为history与hash base: '/', //打包路径，默认为/，可以修改 routes: [ { path: string, //路径 component: Component; //页面组件 name: string; // 命名路由-路由名称 components: { [name: string]: Component原创 2022-01-05 09:45:12 · 575 阅读 · 0 评论 -
Vue过滤器 filter
过滤器html<div id="d1"> {{msg | testFilter | testFilter2(add)}}</div>js<script> //全局过滤器 Vue.filter("testFilter",function(msg){ return msg.replace(/1/g,"壹"); }); Vue.filter("testFilter2",function(msg,add){ return msg+"1111"+原创 2022-01-05 09:43:25 · 171 阅读 · 0 评论 -
动静态路由
动态路由——静态路由动态路由：<router-link to="/param/5">param</router-link><router-link to="/param1/6">param</router-link><router-link to="/param2/7/李XX/65">param</router-link>//路由占位<router-view></router-view>//组件v原创 2022-01-05 09:40:39 · 289 阅读 · 0 评论 -
按键修饰符
约束字符串长度，补全字符串"".toString().padStart(3,'0').padEnd(4,'1');//0001按键修饰符<!-- 无别名 --><input type="text" v-model="name" @keyup.enter="up"/><br/><!-- 定义别名 -->Vue.config.keyCodes.enters = 13;<input type="text" v-model="name" @key原创 2022-01-05 09:36:11 · 180 阅读 · 0 评论 -
编程式路由
编程式 路由this.$router.push() 是编程式路由，一般写在 点击按钮 事件中<router-link :to="...">` 是声明式路由，等同于调用 `router.push()使用urlrouter.push() url可以是 字符串、json对象：字符串：this.$router.push('/home/first')对象this.$router.push({ path: '/home/first' })命名的路由router.p原创 2022-01-05 09:33:36 · 1246 阅读 · 0 评论