pon的博客

node-sass不再维护，使用sass和sass-loader。

【代码】Vue Element Table表格双击单元格进行单元格编辑-学习笔记。

Element中el-select修改下拉面板颜色，局部组件修改不影响全局

Element table doLayout 样式错乱

Element DatePicker 清空按钮点击不关闭日期选择框

Vue echarts id 复用

Vue axios 加载服务端返回的二进制图片

vue项目中遇到跨域问题，使用vue代理解决跨域问题。devServer: { port: port, open: true, proxy: { '/api': { target: 'http://10.10.10.10:8888/api/', changeOrigin: true, pathRewrite: {

使用computed和watch监听vuex数据变化1.conputed从Vuex中获取需要监听的对象，赋值给Obj；2.watch监听Obj的变化；代码如下：export default{ component:{}, data(){ return{} }, computed:{ Obj(){ return this.$store.state.data.age } }, watch:{ Obj(newVal,oldVal){ //可以对数据执行相应.

背景：vue项目开发中遇到了动态创建HTML元素并绑定click函数的问题，原本想着直接在methods中创建方法，绑定到onclick函数中，无效！！！解决方法：利用window全局变量的方式进行onclick函数绑定（其实就是把函数挂载到window上，这样你动态创建html元素的时候，它才知道你绑定的函数是什么）；第一步：将你methods中的的函数挂载到window上，我这里选择在created生命周期中进行挂载，如下：created() { window.clickHere= th

报NavigationDuplicated的可能解决方案出现这个问题，控制台会报 [NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}]。其原因在于Vue-router在3.1之后把$router.push()方法改为了Promise。所以假如没有回调函数，错误信息就会交给全局的路由错误处理，因此就会报上述的错误。如果你仔细观察并复现了多次错误你会发现，vue-router是先报了一个Unc

路由redirect重定向，可以用来进行设置默认组件的显示在主页时，可根据需要对默认显示的子组件进行显示：在进入网址的默认地址时，利用重定向功能，设置主页面默认显示的子组件，即：渲染home组件中子组件里面存在的router-view所对应的组件。......

使用了webpack开发vue项目，在项目开发完成后，使用命令：npm run build对项目进行打包，打包结果如下：但是将dist文件发布后，打开发现浏览器页面是空白的：原因：这个是因为webpack打包的时候引入js时使用的是绝对路径导致的。修改webpack打包文件中的配置：1.在webpack.prod.conf.js中增加publicPath:’./’ ；2.util.......

1.在vscode软件中找到“用户代码片段”：2.在搜索栏中输入“html”,选择代码片段文件 html.json:添加如下代码片段：{ "template": { "prefix": "template", "body": [ "<template>", "</tempale>" ], "description": "tempal......

模板字符串（template string）是增强版的字符串，用反引号（``）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。变量的获取方式是${varName}，使得字符串模板定义简单化常用字符串拼接变量的用法：let hello='hello'let world= hello + ' world!';console.log(world);模板字符串......

在vscode中，点击设置，搜索“beautify.language”，然后再查询结果中点击“在setting.json”中编辑，如图所示：在setting.json文件中添加如下代码：具体代码：{ "beautify.language": { "js": { "type": [ "javascript",......

在用ElementUI form表单时 需要表单里的左侧的label显示的字体上下对齐，需要在字体中间加空白占位符，在尝试使用&nbsp之后，还是不能使用，vue会将&nbsp直接打印出来，并不能转换成空白占位符：显示的结果：渲染失效，vue官方使用v-html转html，但是label是在组件里，不能这样用。只好另想办法，记得搜狗输入法有特殊字符，在特殊符号中输入“空”，......

在项目中想要通过获取到的数据，然后动态创建element-ui的导航栏，如何实现呢，下面是本人实现后的过程。梳理代码逻辑循环我们所获取到的数据，并且判断该数据是否有子数据，如果有子数据，则输出下拉样式；如果没有，则直接输出el-menu-item。基本逻辑思想如下：v-for 遍历当前第一层级数据 |-- v-if 第一层级数据包含子数据 |-- v-for 遍历第二层数......

先来看一个需求：下图用v-for做了列表循环，现在想要span也一起循环，应该怎么做：<div id = "app"> <div> <div v-for="item in lists"> <span>{{item.name}}</span> </div> </div></div>......

HTML的img标签的src是有两种, 绝对路径/相对路径, 相对路径可以转成绝对路径比如: http(s)????/www.baidu.com/test.jpg前面http(s)????/www.baidu.com 指明那一台Web服务器, /test.jpg是相对于服务器所设置的根目录, 比如\www\picture, 所以这里的寻址是相对于web服务器所设置的根目录的那么问题是为什么到了Vue里面......

如何避免修改全局样式，破坏整体样式的使用在开发中遇到一个问题，vue项目结合element ui使用，但是element ui的样式不一定符合我们的需求，这时我们就需要改变它的样式。如果直接修改element-ui的公共样式文件的话，就会造成全局样式的改变。如何能够在某个特定的组件中修改第三方组件的样式呢，使得我们修改的第三方组件样式只在这个组件中起作用，如如修改element-ui中menu......

在使用的时候，遇到了slot的用法，在这里记录一下使用方法：在使用复合型输入框的时候，我们需要在input输入框的前面或者后面添加一个符号或者button按钮，如何快速的添加文字或按钮并且不用再自己设置样式呢，slot设置了input可前置或后置元素，一般为标签或按钮。看element-ui的示例即可：在图中1、2标注，我们可以看到具体的实现效果如下：在这里我们可以很清晰的看出来:&l......

在开发项目中，我们需要创建许多组件，特别要注意的一点是，我们在引用组件使用时，名字千万不要与html中的标签重名，如果出现重名的情况，vue将不知道你使用是vue组件还是HTML标签页，举个栗子：我们在home组件中引用我们自定义的组件header，由于html中已经存在header标签了，所以当你在home组件中再使用自定义的组件 ,vue就会默认为你写的是html标签，这样的话，你自定义的组......

在vue开发项目中想自定义一个自己的组件，于是在网上找一下教程，教程基本的都一样，但是都不是很详细，我就按照网上的教程从头到尾学习了一遍，文章中如果有不正确的，还请各位大佬指出，共同进步。vue自定义组件前奏学习 ES6中import xxx from xxx的用法，因为这个用法会在后面的自定义组件中用到。Vue使用import … from …来导入组件，库，变量等。而from后的文件来......

最近用vue-cli脚手架安装vue模板后，使用npm run dev发现服务运行后不能自动打开浏览器，查看了一下package.json文件，里面的部分内容如下："scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "np......

Vue中子组件之间的通信

在项目中，需要利用vue进行cesium和超图的集成开发，本文以supermap-cesium为例，进行vue的集成开发。npm 安装vue-cesium-supermap首先在你的项目中利用npm添加依赖项vue-cesium-supermapnpm i --save vue-cesium-supermap2.在vue的main.js中全局注册添加：import SuperMap......

installnpm i --save three-obj-mtl-loaderusageimport * as THREE from 'three'import {MTLLoader, OBJLoader} from 'three-obj-mtl-loader' let scene = new THREE.Scene() let mtlLoader = new MTLLoade...

在实际项目中遇到了全局变量和状态管理的问题，搜了一下，推荐使用vuex插件进行问题解决，参考了参考文档，学习了vuex的使用方法。记录vuex的使用。安装vuex插件vuex使用的前提是你已经创建了vue的项目，在此基础上使用npm进行vuex的安装，命令为：cnpm install vuex --save-dev创建store文件夹新建文件夹store,并在此文件夹下新建stor...

在项目开发中，需要在父组件中触发函数，自动修改子组件中的data值，来实现子组件的显隐效果。比如父组件中点击某个按钮，如何能修改对应子组件中的值，控制它的显隐呢。通过学习，使用vue的ref参数进行实现。父组件代码&lt;template&gt; ... &lt;button @click="changeChildValue"&gt;Change&lt;/button&gt;......

参考文章一、POST请求1、 @RequestParam方式：前端，需要用qs.stringify（data）：ceshi = ()=>{ let data = { // "idd": "f6588b4d3a274d599c8696e3a2e89579", // "name":"水" idd: 'Fred', ...

1.单选功能elementui中的树形可以设置checkbox，但是不能设置radio的单选功能但官方提供了自动勾选方法：想实现单选只需要给node增加点击事件，并控制setCheckedKeys即可:<el-tree :data="treeData" show-checkbox node-key="offerSvcCode" ref="tree" check-stric......

一.Apache Windows配置根据这位大佬的配置进行的博客地址1.apache官网下载Apache HTTP Server服务器①、打开apache官网http://httpd.apache.org/ （或百度"download apache"）。②、点击Download，出现以下界面 。③、选择Windows版下载，点击链接。④、在新的界面中，会发现VC9和VC11字样......