Vue路上的磕磕绊绊
关注
分享
扫一扫
疯狂鸡仔在xiao习
跟着我的节奏，冲
展开
-
element UI el-autocomplete 带输入建议的输入框（转）
element UI el-autocomplete 带输入建议的输入框转载出自这里，我还没有尝试(https://www.jianshu.com/p/de922caf337c)转载 2021-03-16 14:35:53 · 357 阅读 · 0 评论 -
preventDefault和$event用法和demo
文章目录前言一、preventDefault()停止默认动作介绍二、$event的理解总结前言通过写preventDefault()的demo引出preventDefault的用法和$event的理解一、preventDefault()停止默认动作介绍例如：提交表单，希望验证不通过时，表单不提交。此时需要submit按钮不进行下一步动作，会有一个默认停止动作preventDefault<!DOCTYPE html><html lang="en" xmlns="http://ww原创 2020-12-07 17:28:18 · 317 阅读 · 0 评论 -
Mixin简单复用
文章目录一、Mixin简单复用二、直接引用2.路由总结一、Mixin简单复用在src/mixin目录下创建，例如src/mixin/common_hi_test.jsexport default { methods:{ hi : function (name) { return "欢迎光临~"+ name; } }}二、直接引用1.在src/components/SayHiFromMixin.vue原创 2020-12-05 15:59:10 · 287 阅读 · 2 评论 -
使用VueResource发起get请求，使用this.$route.query.id
文章目录一、使用VueResource发起get请求二、router-link配置三、router index.js配置一、使用VueResource发起get请求1.this.$route.query.id：在router-link中会配置query.id<template> <div> <div> <p>标题：{{ blog.title }} </p> <p&g原创 2020-11-19 21:35:21 · 3272 阅读 · 0 评论 -
webpack中使用vue-router
文章目录一、webpack中使用vue-router二、示例1.新建路由2.创建vue页面3.在Index.vue中引入一、webpack中使用vue-router1.新建路由2.新建vue页面二、示例1.新建路由默认路由文件是src/router/index.js1.先引入vue页面，@是当前文件路径，src2.创建路由import SayHi_test from '@/components/SayHi_test'export default new Router({ routes原创 2020-11-18 19:07:01 · 452 阅读 · 0 评论 -
watch监听器，和深度监听
文章目录一、监听器watch1.watch简单使用2.数组使用深度监听总结一、监听器watch1.watch简单使用watch中的msg 对应的是 data中的msg，newV是改变后的值，oldV是原始值，当改变后的值为true，触发弹框代码如下（示例）：<div id="app"> <h3> {{msg}}</h3> <input type="text" v-model="msg"></div>new Vue原创 2020-10-31 18:13:15 · 223 阅读 · 0 评论 -
v-model双向绑定和懒加载
文章目录一、v-model 双向数据绑定1.双向数据绑定2.v-model.lazy 懒加载，鼠标失焦后，span标签可以获取到值3.v-model.trim 去掉输入的首尾空格总结一、v-model 双向数据绑定1.双向数据绑定labe标签for功能：表示Label标签要绑定的HTML元素，你点击这个标签的时候，所绑定的元素将获取焦点。代码如下（示例）： <div class="box"> <label for="a">榴莲</label>原创 2020-10-31 17:52:10 · 381 阅读 · 0 评论 -
初学vue（一）
文章目录1.ol、ul列表（有序、无序）2.v-on:click、v-on:keyup.enter3.v-bind:href 缩写4.img使用总结1.ol、ul列表（有序、无序）<ol> 标签定义有序列表<ul> 标签定义无序列表ul写得数组，ol写的对象，数组是序号，对象是key，value形式代码如下（示例）：<div id="app"> <ul> <li v-for="(item,index) in me原创 2020-10-31 16:54:38 · 376 阅读 · 0 评论 -
vue中 v-if，v-show使用和区别
文章目录vue中 v-if，v-show使用和区别vue中 v-if，v-show使用和区别1.v-if 和 v-show使用代码如下（html）：<div id="app"> <h3 v-if="isShow1">显示1</h3> <h3 v-if="isShow2">显示2</h3> <h3 v-show="show1">show1</h3> <h3 v-show="sho原创 2020-10-31 11:04:09 · 788 阅读 · 0 评论 -
记一次安装cnpm时遇到的问题
记一次安装cnpm时遇到的问题node.js 的版本问题node.js 的版本问题遇到坑，原来win10下的node.js版本是6+，换成最新的v14.14，npm是6.14.81.使用npm config 更换成淘宝镜像（具体命令网上很多）2.npm config get registry，查看是否更换成功3.安装切换镜像工具nrm：npm install nrm -g4.nrm ls 来查看镜像列表，带*是当前...原创 2020-10-30 09:56:17 · 339 阅读 · 0 评论