vue
wu_223
哈喽,大家好,我是一名web前端开发工程师,主用框架angular2以上,涉及的技术以地图leaflet方面居多,写的博客是在开发中遇到的问题,欢迎大家随时找我讨论
展开
-
post传递json值给后台
vue post json传值原创 2022-09-09 17:19:25 · 899 阅读 · 0 评论 -
vue 引入echarts报错Cannot read property ‘init‘ of undefined
1. 首先先安装echartsnpm install echarts2. main.js引入 把importechartsfrom'echarts' 改成如下即可import * as echarts from 'echarts'Vue.prototype.$echarts = echarts3. 调用<div class="echart" ref="echartId"></div> var myChart = this.$ech...原创 2021-08-26 15:35:05 · 633 阅读 · 1 评论 -
vue 快速搭建项目 vue-element-admin
本文运用到了element UI快速搭建工具1.基础版本的快速:git clonehttps://github.com/PanJiaChen/vue-admin-template.git文档:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD原创 2021-08-11 15:58:31 · 263 阅读 · 0 评论 -
vue知识点-store,refs
1. store状态管理 Vuex.Store状态管理,可以供单例模式下,统一调用,更新const state = { islogin: false, this.$store.state.isLogin}const getters = { // 实时监听state值的变化(最新状态) islogin(state) { return state.islogin } }const mutations = { setLogin(state, islogin)...原创 2020-12-01 17:00:39 · 474 阅读 · 0 评论 -
vue 改变iview UI的原样式
/deep/ 加上原样式的css即可,比如input输入框 /deep/ .ivu-input { border-radius: 20px; }原创 2020-11-26 17:25:49 · 709 阅读 · 0 评论 -
vue 父子组件传值,子组件改变子组件的值(通过传回父组件,再从父组件传值给子组件)
1. 父组件调用代码: 其中menuData是传递给子组件的值 ,name对应的方法是子组件传过来的<Left :mData="menuData" @name="nameChange($event)" /> js中 data() { return { leftFlag: false, menuData: [{ title:'修改前' },{ title:'修改前1' }],...原创 2020-11-26 17:16:01 · 1956 阅读 · 1 评论 -
vue 内部点击事件禁止外部点击事件执行 @click.stop
html代码 (内部方法点击加一个.stop即可):div@click="clickWai()">我是小武,外部<div@click.stop="clickNei()">我是内部点击事件</div></div>js代码:methods: { clickWai(){ console.log("外边事件点击"); }, clickNei(){ cons...原创 2020-11-17 11:39:00 · 2244 阅读 · 0 评论 -
vue 中mounted 方法和created的区别
1.created方法是在初始化页面之前对dom的操作。2. mounted方法是在初始化页面之后对dom的操作。3. 那么为什么要有这个区分哪?: 有些需求就是要在页面加载之后才能请求到的,比如id,js中用document.getElementById("")...原创 2020-10-29 15:47:27 · 1781 阅读 · 0 评论 -
vue项目用到的资源, ui框架(Element、iView),http的get和post请求(axios),懒加载:(vue-lazyload),轮播图(swiper)
1. UI框架: Element官网:https://element.eleme.cn/#/zh-CN/component/installation iView官网:https://www.iviewui.com/components/tabs2. http请求(get,post) 官网:https://www.npmjs.com/package/axios...原创 2019-06-10 16:35:34 · 1037 阅读 · 0 评论 -
1. vue引用cesium步骤详解
页面效果如图:1. 安装npm install cesium --save2.webpack 配置 1> build/webpack.base.conf.js 文件中添加 Cesium 的名称 resolve: { alias: { // 名称 cesium: path.resolve(__dirname, '../...原创 2019-06-14 15:14:04 · 11528 阅读 · 5 评论 -
vue 打包发布
1. 打包之前需要先修改config下的index.js文件中build,assetsPublicPath:'./' build: { //index.html路径 index: path.resolve(__dirname, '../dist/project/index.html'), //静态文件的路径 assetsRoot: pat...原创 2019-06-14 12:02:53 · 12700 阅读 · 0 评论 -
Vue2.0新手入门--从环境搭建到发布
1. 打开运行窗框cmd 2. 输入安装命令安装webpack(打包)cnpm install webpack -g官方命令行工具--大型单页yingyonnpm install --global vue-clivue init webpack my-project (创建一个基于webpack模板的新项目)cd my-project npm install (安装依赖包)npm ru...转载 2018-03-19 18:19:48 · 274 阅读 · 0 评论