遥远的她'的博客

简单记录一下vue插槽的使用<!-- 父组件里使用子组件将内容插入到子组件 --><child> <template v-slot:child> <!-- 这里输入要插入的内容 --> <div>456</div> </template></child><!-- 子组件child里 --><template> <div> <div>1

<div class="textareaBox"> <textarea id="wishContent" cols="30" rows="10" maxlength="300" placeholder="请输入反馈内容" v-model="feedbackContent" @input="monitor"></textarea> <span ...

Vue的生命周期钩子函数有11个,不过我们经常用到就几个而已beforeCreate这是第一个生命周期函数,表示实例初始化之后,完全创建出来之前,它刚初始化一个Vue空的实例对象,这个时候对象身上只有一些默认的事件和生命周期函数,data和methods中数据都还不能被访问到created在实例创建完成之后被立即调用,这时候data和methods中的数据都已经可以被访问和参与运算,不过...

因为项目中使用到了elementui所以利用了elementui的el-autocomplete组件来实现输入关键字弹出下拉列表<template> <el-autocomplete style="width: 100%" class="inline-input" v-model="state" :fetch-suggestions="querySe...

前阵子做到一个需求是要点击某个按钮弹出个模态框，然后点击模态框的时候模态框还在，点击模态框外部任意区域隐藏模态框，我网上找了下关于这方面的博客很少（也可能是我找的方式不对，哈哈）首先自己先做好一个模态框的结构，然后给这个结构赋予类名，用一个自定义变量控制这个模态框显示与隐藏 <div v-if='showBox'> <div class='show-parent'>...

定义个定位的div,需要绑定style <div v-if='showBox'> <div class='show-parent' :style="{left: tranLeft, top: tranTop}"> <div class="shard"> <div class="show-inner"> ...

我们需要在vue里不同的页面实现不同的标题， 可以利用路由的meta标签和路由守卫来实现 // index.js import Vue from 'vue' import Router from 'vue-router' import Index from '@/components/Index' Vue.use(Router) export default new Router...

vue-cli 构建的项目默认是不支持 less 的，需要自己添加。首选，安装 less 和 less-loader ，在项目目录下运行如下命令 npm install less less-loader --save-dev安装成功后，打开 build/webpack.base.conf.js ，在 module.exports = 的对象的 module.rules 后面添加一段：mo...