vue
文章平均质量分 63
码林鼠
致力于知识的传播
展开
-
vue高德地图自动补齐和覆盖物经纬度map
<template> <div> <el-input id="tipinput" type="text" v-model="address"></el-input> <div id="container"></div> </div></template><script>export default { data() { return { addre原创 2020-09-01 23:57:42 · 933 阅读 · 1 评论 -
vuex 中的mapState, mapMutations
mapState1.在组件中引入import {mapState, mapMutations} from ‘vuex’;2.在组件中的计算属性computed: mapState([‘hasLogin’])注意:hasLogin就是状态管理中的某个state中的变量3.这样就可以在组件中使用this.hasLogin,this.hasLogin也就相当于this.$store.stat...原创 2020-05-02 17:55:06 · 257 阅读 · 0 评论 -
vue-lazyload
import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload,{ preLoad: 2,//加载的高度,值越大,越提前加载 error: require('@/assets/logo.png'),//注意用require loading: require('@/assets/logo.png'), attempt: 1})<img v-lazy="item" >...原创 2021-01-18 11:19:20 · 167 阅读 · 0 评论 -
node中require的加载规则加载顺序
首先讲一下require的路径参数可以为什么内容:核心模块,如fs,path,http等nodejs自己的模块开发者的文件(以下称路径模块),也就是用相对路径或者绝对路径引入的node_modules中的第三方模块,这是通过npm下载的缓存中的模块(这些模块是已经有require加载过的,直接从内容拿更快,这也是node的设计规则)好了,既然我们知道require(path)中,path可以有什么内容,那就讲一下加载的优先级require加载顺序:缓存中的模块,核心模块,路径模块,node原创 2020-12-27 11:36:31 · 889 阅读 · 3 评论 -
process.env.NODE_ENV环境变量vue2.x
然后,通过npm run build打包后将dist放到wamp服务器中process.env.NODE_ENV的值就自动变为production原创 2020-12-25 01:02:42 · 593 阅读 · 0 评论 -
process.env.NODE_ENV配置
vue2.x配置vue 3.x配置原创 2020-12-01 14:59:30 · 867 阅读 · 0 评论 -
vue2.x elementui等比例响应式(已实现)
先下载插件cnpm install px2rem-loader lib-flexible --save在main.js中引入import ‘lib-flexible/flexible.js’在build中utils.js添加如下代码 const px2remLoader = { loader: 'px2rem-loader', options: { remUnit:100 } }在app.vue中改变html的font-sizehtml{ .原创 2020-11-21 22:13:33 · 1476 阅读 · 0 评论 -
监听器与props传对象
以下情况,在父组件中改变reload对象的name属性,子组件中是监听不到reload对象的变化的<template> <div> <about :reload="reload"></about> <input type="text" v-model="reload.name"> </div></template><script>import about from "./Abo.原创 2020-11-04 23:15:11 · 786 阅读 · 0 评论 -
vue跨组件传值爷孙组件传值
爷<template> <div> <about></about> </div></template><script>import about from "./About";export default { components: { about }, provide() { return { reload: { name:"malinshu"原创 2020-11-04 22:55:57 · 4209 阅读 · 0 评论 -
tp5.1简单聊天室
首先要下载worker=>composer require topthink/think-worker=2.0.*命令行运行:php think worker:server这样,websocket就启动了,如下:说这么多,当然是要代码的啦<?phpnamespace app\http;use think\worker\Server;class Worker extends Server{ protected $socket = 'http://192.168原创 2020-10-27 17:55:13 · 787 阅读 · 0 评论 -
vue自定义组件实现双向绑定
father component<template> <div> <ModelComp v-model="father"></ModelComp> <input type="text" v-model="father"> </div></template><script>import ModelComp from './modelComp'export default {..原创 2020-09-06 22:44:08 · 915 阅读 · 0 评论 -
vue半场动画之加入购物车
<div @click="flag=!flag">加入购物车</div> <transition v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:after-enter="afterEnter"> <div class="ball" v-show="flag"></div> </transition> methods: { bef..原创 2020-08-30 19:43:37 · 115 阅读 · 0 评论 -
vue实现店铺装修h5用户端实现
获取数据之后就可以动态渲染页面了app.vue<template> <div id="app"> <button @click="getdata">获取数据</button> <component :is="item.name" :enterprise="item.style" v-for="(item,index) in list" :key="index"></component> </div&g原创 2020-05-24 23:07:45 · 3709 阅读 · 1 评论 -
vue3配置跨域
在根目录下创建vue.config.jsmodule.exports = { devServer: { proxy: 'http://192.168.31.252:80'//服务器域名,80端口是默认的,可以不用配置 }}那怎么请求呢?axios.get('hello').then(res=>{})//请求的接口不要接上服务器域名,这样就会自动请求v...原创 2020-04-20 23:35:04 · 8593 阅读 · 0 评论 -
vue3引入bootstrap
第一cnpm i bootstrap popper.js --save第二在main.js中引入import “bootstrap”;//引入bootstrap.jsimport “bootstrap/dist/css/bootstrap.css”这就引入了bootstrap,但bootstrap是基于jquery写的,所以还要引入jquery,看一下链接https://blog.c...原创 2020-04-11 11:04:25 · 4562 阅读 · 0 评论 -
vue3中引入jquery
cnpm i --save jquery@1.*在跟目录下创建vue.config.js文件,内容如下:const webpack = require("webpack");module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ ...原创 2020-04-02 12:44:21 · 6444 阅读 · 2 评论 -
vue input监听粘贴事件获取图片
<input @paste="pasting">pasting(e) { // console.log(e.clipboardData.files[0]) if (e.clipboardData.files[0]) {//获取剪切板图片 this.$http.Imgupload(e.clipboardData.files[0])...原创 2020-03-20 13:46:16 · 7223 阅读 · 1 评论 -
vue3.0打包去掉console.log
cnpm install terser-webpack-plugin --save-dev在src同级目录下创建vue.config.js,内容如下module.exports = { publicPath: './', configureWebpack: (config)=>{ if(process.env.NODE_ENV === 'production'){ ...原创 2020-03-04 16:43:33 · 1958 阅读 · 0 评论 -
vue路由$router.push传递Date对象
this.$router.push({path:'/',query:{curDate:JSON.stringify(this.theMonth)}})new Date(JSON.parse(this.$route.query.curDate))先转为json字符串,接收后转为json对象不转为json字符串是不可以用$route.query来接收的...原创 2020-02-24 17:50:27 · 1084 阅读 · 0 评论 -
vue背景图片路径问题
共三种情况:<div class="about" :style="{backgroundImage:'url('+pic+')'}">pic:require('@/assets/bg.jpg')<div class="about" :style="{backgroundImage:'url('+require('@/assets/bg.jpg')+')'}">&...原创 2020-02-24 14:23:43 · 10468 阅读 · 0 评论 -
vue input只允许输入数字
原始方法<input type="text" oninput="value=value.replace(/\D/g,'')" placeholder="请输入数字" v-model="value">封装成方法 <input type="text" v-on:input="value=onlyNum(value)" placeholder="请输入数字" v-...原创 2020-02-15 11:28:36 · 9512 阅读 · 0 评论 -
vue3.0修改窗口logo图标
module.exports = { publicPath: './', pwa: { iconPaths: { favicon32: 'favicon.ico', favicon16: 'favicon.ico', appleTouchIcon: 'favicon.ico', mask...原创 2020-02-14 18:16:26 · 1673 阅读 · 1 评论 -
前端vue less 主题颜色
主题颜色body{ themeColor:#6faff1;}document.body.style.setProperty('themeColor', localStorage.getItem('themeColor'));然后哪里需要用到主题背景色的用background: var(themeColor); 主题图document.getElementsByClassN...原创 2020-02-08 15:01:38 · 1357 阅读 · 0 评论 -
338 warnings potentially fixable with the `--fix` option.
将lint的值设置为eslint --fix --ext .js,.vue src,重启就可以了原创 2019-12-10 10:46:45 · 16603 阅读 · 2 评论 -
Duplicate named routes definition重复的路由名
改为这样就可以了原创 2019-12-09 18:05:34 · 2921 阅读 · 0 评论 -
Use /* eslint-disable */ to ignore all warnings in a file.eslint报错
将根目录下的eslintrc.js文件中的no-console和no-debugger注释掉,重启就可以了原创 2019-12-09 17:44:29 · 18123 阅读 · 0 评论