随笔分类 - Vue笔记
很多人喜欢吹牛Vue,决心学习下，掰掉牛气
摘要：1.vue-lazyload :图片懒加载 2.vue-virtual-scroll-list 和 vue-virtual-scroller: 优化无限列表的场景 3.vue-table-with-tree-grid: table中嵌套树结构 4.nprogress,顶部进度条 5.基于 Vue 无
阅读全文
摘要：1.创建项目:npm create-nuxt-app projectName 2.npm i sass-loader node-sass
阅读全文
摘要：//自定义全局按键修饰符 Vue.config.keyCodes.f2 = 13;//enter为13此时F2==ENTER 调用;@keyup.f2='addData()'
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> [v-cloak]{ display: none; } </style> </head> <body> <div id="app"> <!-- 解决
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.css" rel
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <a href="#" @click.prevent="cname='login'">登录</a> <a
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </head> <body> <div id=
阅读全文
摘要：1.npm install Vue-Awesome-Swiper@v2.6.7 --save 实现轮播图 2.npm install axios 发送请求get,post
阅读全文
摘要：1.v-once: 只绑定一次 2.v-html <div v-html='name'></div> //会渲染标签 var app = new Vue({ el:'#app', data:{ name:'<p>123</p>' } }) <div v-html='>{{name}}</div> /
阅读全文
摘要：最近遇到大坑，，最后解决了，直接上代码 npm intall iview main.js中引入 import iView from 'iview'; import 'iview/dist/styles/iview.css' <template> <center> <Row> <Col span="1
阅读全文
摘要：针对不在同一服务器，很可能出现跨域问题，解决方法 注意：修改了配置文件，需要重启才能生效
阅读全文
摘要：可以试试玩ajax请求，个人觉得axios用Promise包装了下，代码美观 axios请求使用方法 https://github.com/axios/axios#using-applicationx-www-form-urlencoded-format 全局默认值 1.npm install ax
阅读全文
摘要：<template> <div> 全局指令:<input type="text" name="" id="" value="" v-focus/> 局部指令： <input type="text" name="" id="" value="" v-focus1/> <p v-fontCss>自定义指
阅读全文
摘要：1.main.js 文件中定义全局指令 import Vue from 'vue'import App from './App'Vue.config.productionTip = false //定义全局指令Vue.directive('focus',{ inserted:function(el)
阅读全文
摘要：big.vue <template> <div> big <p>{{view}}</p> <!--标准规范--> <component :is='view'></component> <button @click="changeView">切换组件</button> <button @click="
阅读全文
摘要：父页面: <template> <div class="parent"> <p>父组件</p> <child> <div slot='s1'> <p >插槽1</p> <p >插槽101</p> </div> <p slot='s2'>插槽2</p> <p slot-scope='props' sl
阅读全文
摘要：子页面： <template> <div> <p>子组件</p> <button @click="sendMsg">传递到父页面</button> </div></template> <script> export default { name: 'child', data() { return {
阅读全文
摘要：父页面： <template> <div>{{msg}} <Son title='向子文件传递数据' :data='data' :lifemsg ='lifemsg' :num='num'/> <button @click="chageMsg">修改数据</button> <input type="
阅读全文
摘要：<template> <div> <p v-bind:class="{active:isActive,'demo':Demo}">嘿嘿</p> <p v-bind:class="styleObj">哈哈</p> <p v-bind:class="styleObj2">咯吱咯吱</p> <p v-bi
阅读全文
浙公网安备 33010602011771号