vue 中 style 里面使用 scoped + @import 引入 css 后 scoped 属性不生效导致全局作用域

  • Post author:
  • Post category:vue

原方案(scoped 属性不生效导致全局作用域) 原因:@import 并不是引入代码到 <style></style> 里面,而是发起新的请求获得样式资源,并且没有加 scoped。 解决方案 原因:在 style 里采用 src="外部样式路径" 引入到当前组件。 注意:src 的路径一定要正确,不然会报错。 版权声明:本文为AdminGuan原创文章,遵循 CC 4.…

继续阅读 vue 中 style 里面使用 scoped + @import 引入 css 后 scoped 属性不生效导致全局作用域

【vue】vue从服务端获取数据赋值给data,如何渲染更新视图

  • Post author:
  • Post category:vue

从服务端取到的数据需要实时反馈,否则将毫无意义! 目录 介绍一下Vue.set()方法 一:data中定义一个对象: 二:从服务端发起请求返回新数据对象: 三:用 Vue.set()方法更新数据 版权声明:本文为honglei_zh原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/honglei_zh/arti…

继续阅读 【vue】vue从服务端获取数据赋值给data,如何渲染更新视图

【vue】input输入完值后请求后端接口

  • Post author:
  • Post category:vue

需求: 将普通输入框改为输入数据后调用后端接口查询数据,在展示到页面上 核心代码: <el-input v-model="sfzhm" clearable placeholder="请输入身份证号查找"></el-input> return { sfzhm: null, // 后端接口的入参 baseForm: { zjhm:"", ryzt: "", lzrq:"", z…

继续阅读 【vue】input输入完值后请求后端接口

使用vue时遇到的问题总结

  • Post author:
  • Post category:vue

1. [ git操作 ] #问题: 如何恢复被删除的本地文件? 直接从本地把文件checkout出来就可以了,用不着从远程服务器上pull下来, 因为,所有的历史版本你的本地都有的。 # 解决: 1.git checkout file 2. 同时恢复多个被删除的文件: git ls-files -d | xargs -i git checkout {} 2.vuex 和 $emit 触发事件 3.…

继续阅读 使用vue时遇到的问题总结

十分钟上手-搭建vue2.0开发环境(新手教程一)

  • Post author:
  • Post category:vue

想写一些关于vue的文章已经很久了,因为这个框架已经火了很久,在公司里用的框架都比较老旧,但怎么也得跟上前端发展变化的潮流,这不,开始使用vue开发项目了,一遍开发一边踩坑中,今天要记录的是五分钟搭建vue开发环境,运行GitHub上的开源项目。步骤很简单,只是在搭建环境的过程中会遇到各种各样奇怪的报错,十分让人头疼。 官方文档:https://cn.vuejs.org/ ###1:安装node …

继续阅读 十分钟上手-搭建vue2.0开发环境(新手教程一)

三种方式分割VueJS及Webpack代码

  • Post author:
  • Post category:vue

原作者:Anthony Gore, https://medium.com/js-dojo/3-code-splitting-patterns-for-vuejs-and-webpack-b8fff1ea0ba4 代码分割 可以很好的提高单页面应用加载速度。用户不用等到所有代码一次加载完毕便可以很快的看到页面并与之交互。这尤其会提升移动端的用户体验,此外可以获得不错的SEO,因为Google会对加载…

继续阅读 三种方式分割VueJS及Webpack代码

vuex的使用(模块化管理)

  • Post author:
  • Post category:vue

首先,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 再奉上官方流程图(“单向数据流”理念) 也就是说按照这个模式可以结合vue-devtools浏览器插件调试监听数据在哪个位置改变(这就是不建议直接更改,要按照这个流程来写(可能会显得麻烦,但是对于中大型项目是很有用以及易于管理的))。刚开始可能会不熟悉,会觉得麻烦,可能暂时觉得没什么用,再其以后维护就会变得轻松。 先给上管理v…

继续阅读 vuex的使用(模块化管理)

【vue 】【Echarts】有一圈线的饼图-循环高亮-label和labelLine的配置

  • Post author:
  • Post category:vue

关于Echarts有一圈线的饼图实现-循环高亮-label和labelLine的配置 一.关键代码 //option的配置 this.option = { tooltip: { trigger: 'item', show: false, }, legend: { show: false}, series: [ //饼图 { type: 'pie', hoverAnimation: false,//…

继续阅读 【vue 】【Echarts】有一圈线的饼图-循环高亮-label和labelLine的配置

vue中axiso全局使用

  • Post author:
  • Post category:vue

在vue中如果要使用axiso来请求数据, 直接在main,js中 import axios from 'axios' Vue.prototype.$axios = axios; 举个例子 <template> <div> <h1 class='res'>asixo请求{{page}}</h1> <div class="box"> <…

继续阅读 vue中axiso全局使用

Vue-4

  • Post author:
  • Post category:vue

webpack webpack是一个模块化的打包工具, 而且,项目复杂用webpack更加合适。 使用方法: 一般项目中会放2个文件,一个dist用于发布,放到服务器的文件,一个是src是源码。 然后src会放一个js入口文件,名字通常是mian.js或者index.js。 步骤1 :在src创建一个js文件,用作专门的某类用途,并且输出(这里是commonjs的方法) function add(…

继续阅读 Vue-4