Lisunlight的博客

/ ceil函数进一位，round函数四舍五入，floor函数舍一位。

nuxt常见问题，环境搭建，使用技巧

vue中文本拷贝，文本复制操作

element上传组件的使用

vue中使用moment.js

由于element-ui的组件太多，vue的插件又不好寻找，所以采取按需引入，但按需引入时坑很多。。。下面介绍成功的方式和遇到的坑，下面会以引入弹框插件（MessageBox）为例1、按照官方文档下载安装 babel-plugin-component与element-uinpm install babel-plugin-component element-ui -D --save...

1、vue-cli的index.html中引入的资源要放置于static文件夹中2、vue属于数据驱动，使用vuex时，为了使数据更加规整，可以给每个页面都单独建立一个对象，这样在各个对象引入时，也只需要引入该页面的对象即可。const state={login:{},user:{}}   ...mapState(['login'])3、引入的插件需要在main.js中定义后才能使用；...

组件可直接使用，（省市区已校对放心使用） <template><div class="container" ref="citySelect"><div class="select"> <input type="text" v-model="city.province" placeholder=

前端vuelet param = new FormData(); //创建form对象 param.append('img',state.banner.edi.pic);//图片文件 param.append('sort',state.banner.edi.sort);//正常内容let config = { headers:{'Content-Type':'m...

提供两种常用方法1、方法比较简单，原理是需要隐藏的点击document使其show的值为false,点击需要出现的加上阻止冒泡即可。@click.stop="isShow" (推荐使用)mounted(){ var that=this;//this的指向问题 document.addEventListener('click',function(e){...

清除多余样式，实现高度宽度自适应，放置App.vue中#app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width:100%; height:100%;}...

原理：为每一个项传入特定序号，实现特定项的展示（手风琴效果）（使用vue-cli 可直接复制查看效果）<template> <!--手风琴组件--> <div class="hello"> <ul> <li> <span @click="toggle(1)"&

原理：进行v-for循环时加入参数index，实现对单行的操作，利用contenteditable实现修改（使用vue-cli 可直接复制查看效果，没写CSS）<template> <!--表单的增删和修改--> <div class="hello"> <table> <caption>麻将</ca..

原理：使用vue的transition标签实现动画效果；           使用定时器实现自动播放（轮播）；           使用生命周期（钩子函数）实现载入时自动播放踩坑：1、transition只对单个元素有用，transition-group也只对子代元素直接起作用；           2、渲染时使用v-if，若用v-show会出现首个位置不统一（可以添加相对定位矫正...

为了使所有的组件均可使用，文件的引入都在 src/main.js 中引入1、element-ui（1）npm install element-ui //下载组件（2）在main.js中输入（实现全局引入）import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(...

vue的组件均放在 src/components 文件内1、全局引入（自定义的组件 base-name.vue  使用时<base-name></base-name>即可）自动引入以base-name.vue格式的所有组件（name为自定义的组件名）首先下载lodash即   npm install lodash然后在main.js中输入import ...

原理：在普通表格增添input标签，使用v-model进行数据的绑定； <template> <!--表单的增删和修改--> <div class="hello"> <table> <caption>麻将</caption> <thead>

我们都知道vue-cli打包是执行 npm run build最后生成dist文件，里面包含index.hml和static文件但是生成的文件名总是相同的，在有多个静态页面时难免发生冲突，这时需要我们修改 config/index.js文件，找到build，修改其中的static就行了const path = require('path')build: { // Templ...

要让vue实现跨域请求，需要三步（使用了vuex与axios）注意：监听的是3030端口1、在store.js（配置vuex的js文件）中添加axios.defaults.baseURL = "http://127.0.0.1:3030/";axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-u...

在使用vue及其相关组件时，我们常常通过vue-cli来实现环境的配置1.进入命令行，全局安装：npm install vue-cli -g2.cd 盘符（例D:）进入要创建项目的地址，然后3.创建项目模板：vue init webpack new-vue（其中webpack为模板类型，new-vue为自定义的模板名可自己命名）；接下来，会问几个问题，直接回车（enter）就好；后...