03 2021 档案

vue 将数组中利用indexOf去重相同名，将值合并一排的方法
摘要：<template> <div> <div v-for="(value,key) in userClass"> <span>{{ key}}</span> <span style="color: red">*</span> <span v-for="item in value">{{ item.ph 阅读全文
posted @ 2021-03-18 08:46 ssjd 阅读(2110) 评论(0) 推荐(0)
vue 子组件给父组件传值
摘要：在vue中是通过自定义事件来实现的，子组件使用$emit()方法触发事件，父组件使用v-on指令监听子组件的自定义事件来完成通讯的： $emit()方法的语法形式如下： vue.$emit(eventName,[...args]) eventName是自定义事件名称 ，args是附加的参数 父组件： 阅读全文
posted @ 2021-03-16 15:53 ssjd 阅读(1247) 评论(0) 推荐(0)
vue 父组件给子组件传值
摘要：组件是当作自定义元素来使用的，HTML元素有属性，同样组件也可以有属性，利用属性给子组件内部传值，子组件使用props来接收 父组件： <template> <div> <props-component :title="title" :subTitle="subTitle" :userList="u 阅读全文
posted @ 2021-03-16 15:21 ssjd 阅读(445) 评论(0) 推荐(0)
vue 组件动态切换和非动态切换的演示
摘要：首页组件： <template> <div> <div class="tab-wrap"> <div :class="{tab:true,active:item.active}" v-for="(item,index) in tabs" :key="index" @click="tabsSelect 阅读全文
posted @ 2021-03-16 11:17 ssjd 阅读(416) 评论(0) 推荐(0)
vue-router路由传参的两种方式
摘要：一、params和query理解params方法传参的时候，要在路由后面加参数名占位；并且传参的时候，参数名要跟路由后面设置的参数名对应。/user/:uname 这个路由匹配/user/wade, /user/james 这里的 uname 叫 params query方法，就没有这种限制，直接在 阅读全文
posted @ 2021-03-09 14:51 ssjd 阅读(2401) 评论(0) 推荐(0)
vue中父组件调用子组件的方法
摘要：子组件： <template> <div> child </div> </template> <script> export default { name: "child", props: "someprops", methods: { parentHandleclick(e) { //父组件要调用 阅读全文
posted @ 2021-03-02 16:06 ssjd 阅读(1103) 评论(0) 推荐(0)
10个CSS前端小知识
摘要：1、 css 一行文本超出隐藏 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2、css 多行文本溢出隐藏 display: -webkit-box; -webkit-box-orient: vertical; -web 阅读全文
posted @ 2021-03-01 16:13 ssjd 阅读(78) 评论(0) 推荐(0)