ZJW222的博客

使用antd中的select下拉框，遇到个小问题，后台管理系统中，使用下拉框，一般不会是简单的就直接使用select中的value值，而是会使用id或者value中文对应的keyword，并且这个在option中的value值也是可能重复的1.效果图2.select相关代码我这里用的是reactlet list = [ { title: '普通会员', ...

开始使用低于vue-cli3创建的项目，在更新node到12.x后，项目运行不起来了，这个让我想起我刚使用react时，安装的依赖，过了半年后，项目也运行不起来，在这了记录下(时间：2019-10-24)1.版本更新后报错更新node后，原来的vue项目的node Sass环境变了，导致项目跑不起来Node Sass could not find a binding for your ...

使用vue导出表格数据至Excel表格中，自定义导出的excel表格数据1.安装，导入先安装script-loader，xlsx，file-saver；然后将主要的js导出文件加入npm i script-loader -Snpm i xlsx -Snpm i file-saver -Sexcel所需的js文件2.自定义数据导出我找到一些文章，但是上面有好多是直接导出...

在使用vue做项目的时候，有用到百度地图，使用了vue-baidu-map插件，包括拾取位置坐标，搜索位置等1.引入方式可在app.js中全局引入import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { /* 需要注册百度地图开发者来获取你的ak */ ak: 'YOUR_APP_KEY'})也可以局部引入，组...

近些天有接触到uni-app框架，使用HBuilderX软件进行编译，能生成多端项目文件，如微信、百度、支付宝小程序及Android和ios端，记录遇到的问题1.条件编译我觉得比较突出的一点功能，就是这个条件编译，指定对应的代码执行在对应的一端#ifdef：if defined 仅在某平台存在#ifndef：if not defined 除了某平台均存在如：只在微信小程序中才执行的...

在进行父子组件传值时，用到子组件直接控制父组件中的变量值以及在vue中直接更改对象或者数组的值，视图未发生变化的解决办法，当时完成项目时，一直未找到原因，修改了好久。1.父子组件传值双向绑定在传递给子组件中的变量上使用.sync修饰符，就能够实现父子传值的双向绑定<!-- 父组件 --><template> <div class="audioCate...

在使用vue-cli3创建项目后，因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来配置新的配置。配置的相关字段vue.config.js会被自动加载module.exports = { /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要...

独立完成一个移动端项目(不是很明白为何会有这样的商品管理后台)，还是有些经验不足，包括对产品的全局思考，对插件的选择等，都有考虑不周的缺点，导致自己中途想换图形界面插件，浪费了点时间，这里记录下，总结下经验，理一下思路。1.对于项目的一些心得与体会首先的一点，就是，对于图形界面框架的选型，这个很重要，对于一项目来说，开始动手前就要对项目的设计图有个完整的了解，以便于自己选择插件或者框架；...

在用vue来写一官网的时候，想引入外部字体文件，毕竟总感觉他自己的字体有点难看，在这里记录下1.先下载字体文件所需的.ttf文件我这里想引入的是华文行楷字体 百度后下载了一个3M多的ttf文件2.将字体文件引入自己定义一个文件夹，放入下载好的.ttf文件先自己定义一个font.css文件，将下载好的字体文件的路径引入@font-face { font-family: ...

Vue的生命周期，有的时候还是会不熟悉的样子，找了点相关的文章，然后自己尝试着做了点示例，这里记录下，说不定面试就用上了1.Vue生命周期的相关图片2.Vue生命周期及路由的钩子函数beforeCreate实例初始化之后，初始化注入(init injections)及响应(reactivity)前被调用created实例已经创建完成之后被调用，属性已绑定，但DOM还未生...

今天在写vue项目时，用到了computed计算属性，遇到了使用箭头函数出现this指向问题，这里记录下1.箭头函数中的this箭头函数内部的this是词法作用域，由上下文确定 函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象2.vue中的computed使用箭头函数list: () =&gt; { console.log(this)}不使用...

在获取富文本后，又只要显示部分内容，需要去除富文本标签，然后再截取其中一部分内容；然后就是过滤器，在微信小程序中使用还是挺多次的，在vue及react中也遇到过1.富文本去除html标签去除html标签及 空格let richText = ' &lt;p style="font-size: 25px;color: white"&gt;&amp;nbsp; &amp;nbsp; &amp...

移动端轮播图插件，在使用iview图形界面插件中的carousel组件无法实现触摸滑动后，转而使用vue-awesome-swiper插件1.npm安装npm i vue-awesome-swiper -S我这里安装的是下面的这个版本2.使用全局导入：import Vue from 'vue'import vueSwiper from 'vue-awesome-swi...

做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点1.npm安装npm install --save mescroll.js //不要使用cnpm安装导入(在哪个页面使用,则在哪个页面导入(这里的话，我使用全局导入会出现问题,若有错,还请大家指出,暂时想到的就是局部引入))：import MescrollVue ...