vue心得专栏
SecondEddie
这个作者很懒,什么都没留下…
展开
-
Vue自定义指令实现防抖和节流;vue实现防抖或节流
Vue自定义指令实现防抖和节流;vue实现防抖或节流防抖和节流什么是防抖和节流,两者的区别是什么原创 2022-09-20 14:59:16 · 1791 阅读 · 0 评论 -
vue监听data中的数据、深度监听data中的复杂对象数据中的属性值、vue中watch监听data中对象的属性、深层监听某一个特定属性
vue监听data中的数据、深度监听data中的复杂对象数据中的属性值、vue中watch监听data中对象的属性、深层监听某一个特定属性。原创 2022-07-29 15:41:11 · 839 阅读 · 2 评论 -
前端实现鼠标滑动滚轴 滚动轴左右滚动 div盒子左右滚动
前端实现鼠标滑动滚轴 滚动轴左右滚动 div盒子左右滚动原创 2022-07-07 17:41:58 · 2489 阅读 · 1 评论 -
vue实现百度搜索分页效果
百度分页组件化转载 2021-11-24 11:30:28 · 1179 阅读 · 0 评论 -
missing script:serve A complete log of this run can be found in:报错
执行npm run serve 报错missing script:serve然后查看package.json发现没有错误最后无语了发现是自己没有进入项目文件夹小伙伴们一定要在项目文件路径下执行啊cd xxx原创 2021-11-17 14:10:25 · 126 阅读 · 0 评论 -
Vue项目中favicon.ico的应用配置&取消favicon.ico请求
favicon.ico的应用配置首先,一般把favicon.ico(固定命名)放在static里,如下图:在开发环境中,配置 webpack.dev.conf.js里的pluginsnew HtmlWebpackPlugin里加上 favicon: ‘./static/favicon.ico’,相对路径项目打包部署,便配置 webpack.prod.conf.js里的pluginsnew HtmlWebpackPlugin里加上 favicon: ‘./static/favicon.ico’,相对原创 2021-10-26 14:26:41 · 1108 阅读 · 0 评论 -
vue中watch以及handler
handle:watch中需要具体执行的方法deep:需要监听的数据的深度,一般用来监听对象中某个属性的变化,数组字符串一般不需要immediate:在选项参数中指定 immediate: true将立即以表达式的当前值触发回调 <input type="text" v-model="cityName.name"/>new Vue({ el: '#root', data: { cityName: {id: 1, name: 'shanghai'} }, watch原创 2021-10-12 13:36:47 · 1601 阅读 · 0 评论 -
子组件刷新
vue中强制子组件刷新<Son v-if="sonRefresh"></Son>data(){ return { sonRefresh: true }}// 下面这段内容写在父组件获取值的地方this.sonRefresh= false;this.$nextTick(() => { this.sonRefresh= true;});...原创 2021-10-08 17:44:55 · 253 阅读 · 0 评论 -
禁止屏幕滚动,禁止window窗口滚动
vue中阻止该标签上滚动和拖拽在标签上 @touchmove.prevent @mousewheel.prevent 添加这两个事件原创 2021-09-29 16:16:03 · 594 阅读 · 0 评论 -
vue通过moment插件以及全局filter将时间戳转换成时间报错invalid date
极有可能是数据库返回的时间戳格式是字符串类型将字符串转换为数字类型就可以试试了原创 2021-07-25 19:36:50 · 1351 阅读 · 0 评论 -
axios的拦截器
请求拦截器拦截器的作用是在请求服务器之前和得到响应进入页面之前,可对每次请求设置或过滤响应内容const request_interceptors = axios.interceptors.request.use( function(request){ console.log(request) request.headers["hhh"] = "xxx" //每次请求都执行 return request }//拦截器功能函数,自动接受请求,原创 2021-07-14 21:30:41 · 119 阅读 · 0 评论 -
vue-cli设置代理跨域
vue-cli设置代理跨域在项目的根目录下添加vue.config.js文件module.exports = { //导出配置对象 devServer: { //开发服务器 proxy: { //代理配置 '/api':{ //约定需要代理的地址的特点 target: "http://127.0.0.1:3000" //代理服务器请求的真实地址 } } }}...原创 2021-07-14 15:12:06 · 98 阅读 · 0 评论 -
vue中的懒加载
vue懒加载作用:将导入路由组件的语句放到函数当中,在函数没有被调用的时候,导入语句不执行,来节省批量导入导致的运行压力,对服务器较友好。例如:在index.js路由文件中const newsInfor = () => import('../components/newsInfor.vue');const routes = [ { path:'/newsInfor', component:newsInfor //相当于用到这个组件时 再执行函数 导原创 2021-07-13 21:38:08 · 508 阅读 · 0 评论