2019年12月_鹏仔工作室

12月 09月 03月 02月

原创 vuex安装 vuex的使用 vue状态管理使用教程

原文地址http://www.sharedblog.cn/?post=209附Demo下载地址https://www.lanzous.com/i8azkib首先，第一步，相信大家已经搭建好vue框架了，搭建好，启动如下图所示vue搭建好之后，我们开安装vuex首先，我们输入命令npm install vuex --save接着，我们启动项目n...

2019-12-27 18:57:48 468 1

原创 VUE中非父子组件之间如何传值

原文地址http://www.sharedblog.cn/?post=203首先，我们在src中创建一个公共js,index.js，文件名自己起吧,写入下方代码import Vue from 'vue'// 全局使用var bus = new Vue()export default bus其中 bus 是我自定义的命名，大家随便定义。接着，我们在传值页面中，引...

2019-12-27 10:40:44 503

原创 js中三目运算的使用三目运算符如何判断多个条件

在我们平时编码中经常使用到三目运算符，也是比较好用的语法key == 1 ? 值一 : 值二也就是说，当key和1对比成立时候，为值一，否则为值二去年做项目时，用户信息区域显示多个星星级别，就用了三目运算符来做的，不过需要多次判断，有的人就比较好奇了，三目运算符如何多次判断？？？虽然没啥技术含量，但是可能还是有很多人不知道，因为有几次聊天中发现我身边几个程序员朋友都不知...

2019-12-27 10:35:41 14809 7

原创 vue中实现点击按钮滚动到页面对应位置使用c3平滑属性实现

vue项目中，需要实现点击对应按钮，滚动到对应页面位置，下面分享一个简单实用的方法原文地址http://www.sharedblog.cn/?post=205<template> <div class="box"> <div class="btn"> <span @click="Submit(1)">按钮一&l...

2019-12-27 10:18:24 1688 2

原创 vue中使用 v-model 实现实时获取输入框内容的长度以及限制

举个简单的例子原文地址http://www.sharedblog.cn/?post=206输入框使用v-model双向绑定，使用maxlength属性做限制，最多只能输入50字符span中使用最多限制的50，减去nameText当前的长度即可<input type="text" v-model="nameText" maxlength="50"><s...

2019-12-27 10:13:34 2013

原创 vue中实现对一个数组进行搜索 vue实现搜索功能

vue中实现搜索功能原文地址http://www.sharedblog.cn/?post=207input中 v-model绑定<input type="text" placeholder="按主页名称或编号搜索" v-model="inputKey"><div> <div v-for="(item,index) in searc...

2019-12-27 10:11:19 2990