随笔分类 - vue
摘要：使用element-ui中的upload上传组件，前端上传数据参数已经传过去了，但是后端 (java) 接不到数据 (null) 【解决方案】 html部分： <el-button type="primary" v-show="type!=2" @click="updateActivity(1)">
阅读全文
摘要：一、使用vue-cli搭建项目（可使用vue ui图形化界面搭建项目，配置dist时，将名称设为项目名称） 二、项目搭建后 1、配置vue.config.js // 翻阅文档https://cli.vuejs.org/zh/config/#vue-config-js 配置publicPath 设置反
阅读全文
摘要：https://www.zhihu.com/question/308006777
阅读全文
posted @ 2019-04-17 09:57
rachelch
摘要：1、未搭建脚手架，单独一个页面 引入vconsole.min.js <script src="js/vconsole.min.js"></script> 拿手机重刷页面，找报错 2、搭建脚手架 npm install vconsole --save 在main.js中引入vconsole impor
阅读全文
posted @ 2019-04-16 17:58
rachelch
摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name='viewport' content='width=device-width,
阅读全文
摘要：一、vue lazyload插件： 插件地址：https://github.com/hilongjw/vue-lazyload demo：http://hilongjw.github.io/vue-lazyload/ 二、简单使用实例： 这个插件还是蛮好用的，就是感觉这个插件的开发文档有点太啰嗦了，
阅读全文
摘要：vue路由跳转传递参数： 1、使用params，但是这种方式在页面刷新的时候会出现很多问题，需要在路由中配置 2、使用query，页面刷新不会存在问题，也不需要在路由中配置。 { path:'/detail', component: detail, } 使用方法： 传递参数（JS中）： this.$
阅读全文
posted @ 2018-09-10 10:37
rachelch
摘要：假设有如下代码： <div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p> </div> new Vue({ el: '#root', data: { firstName
阅读全文
摘要：参考文章： https://segmentfault.com/a/1190000012146952
阅读全文
摘要：单个html页面使用axios调用接口传参（没有使用v-cli搭建框架，也没有使用qs等等） 1.使用 URLSearchParams的方法 【注意】 这种方法兼容性不太好，兼容性参考 2、使用url编码 a=1&b=2这种就是url编码格式的，qs就是把对象转成这种url格式 3.使用formDa
阅读全文
摘要：vue提供了v-if, v-show来动态显示隐藏组件 同时也提供了<component>元素在一个挂载点上动态的切换组件, 通过 is 来决定哪个组件被渲染显示 配合<keep-alive>使用时, 可以保留组件状态避免重新渲染 [ 和v-show 比较的差别是 v-show 是一开始就渲染的所有
阅读全文
摘要：解决方案: 1、试一下 卸载npm uninstall webpack-dev-server，在安装这个npm i webpack-dev-server@2.9.7 2、删除node_modules目录，使用npm install，不要用cnpm，npm也是可以设置成淘宝镜像的，cnpm有时候用起来
阅读全文
摘要：官方文档: 使用自定义事件的表单输入组件 官方也说明了,v-model只不过是一个语法糖而已,真正的实现靠的还是 大体就是: 监听原生组件的事件, 当获取到原生组件的值后把值通过调用 $emit('input' ,data) 方法去触发 input事件 demo: 父组件代码: <template>
阅读全文
摘要：vue axios全攻略: http://www.cnblogs.com/libin-1/p/6607945.html#3949074
阅读全文
摘要：<router-link> 组件支持用户在具有路由功能的应用中（点击）导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成别的标签. meta: https://blog.csdn.net/cofecode/article/details/79
阅读全文
posted @ 2018-04-20 14:12
rachelch
摘要：如果数据是这样的： 如果需要遍历到dom里面，按照遍历数组的方式遍历就好了 效果：
阅读全文
摘要：在编译vue项目，npm run dev出现 socket:(10107)系统调用失败 解决方案： 以管理员身份打开cmd，使用以下命令： netsh winsock reset 重启电脑即可 如何以管理员身份打开CMD 1.打开 “计算机” 2.打开图中的路径，下拉滚动条，你会看到如图所示的cmd
阅读全文
摘要：html部分，可以把input file的opacity设置为0，点击其父容器，即触发file axios的post请求，发送form数据部分，这样就可以无刷新的提交form数据到后台 【扩展】 使用form表单上传图片
阅读全文
posted @ 2018-02-23 17:27
rachelch
摘要：data:function(){ return{ nav: [ {title: 'senUs'}, {title: 'senGermany'}, {title: 'senFrance'}, {title: 'senUk'} ] } }， computed:{ isSelect:function(){
阅读全文
浙公网安备 33010602011771号