随笔分类 -  vue

摘要:{{}}作为html模板,用于输出对象属性和函数返回值,其中内容可以是: 变量 三元表达式 函数 <template> <div> <!--变量--> <div>{{title}}</div> <!--三元表达式--> <div>{{true?'正确':'错误'}}</div> <!--函数--> 阅读全文
posted @ 2022-04-06 14:50 执手听风吟 阅读(3511) 评论(0) 推荐(0) 编辑
摘要:下拉列表多选 问题 通过操作 所有来进行全选 全不选问题 element-ui 中 select 记录下自己最近使用element-ui 中的 select多选问题 在element中默认是指单纯多选,但是公司要求,需要有一个控制选择多选的值。测试许久终于整出来,特意记录一下 思路 element 阅读全文
posted @ 2020-12-25 18:40 执手听风吟 阅读(1472) 评论(0) 推荐(0) 编辑
摘要:项目中很多情况下都需要进行路由之间的传值,想过很多种方式 sessionstorage/localstorage/cookie 进行离线缓存存储也可以,用vuex也可以,不过有些大材小用吧,不管怎么说因场景而异 下面我来说下vue自带的路由传参的三种基本方式 先有如下场景 点击当前页的某个按钮跳转到 阅读全文
posted @ 2020-08-18 19:28 执手听风吟 阅读(639) 评论(0) 推荐(1) 编辑
摘要:npm install name --save 简写(npm install name -S) 自动把模块和版本号添加到dependencies。npm install name --save--dev 简写(npm install name -D) 自动把模块和版本号添加到devdependenc 阅读全文
posted @ 2020-04-16 09:59 执手听风吟 阅读(487) 评论(0) 推荐(1) 编辑
摘要:问题分析: 因为打包后的文件是从根目录开始找的,所以把打包后的文件放在二级目录下时引入的资源路径将无法被正确解析。 解决办法: 1、静态文件路径错误 找到config文件夹下的index.js文件,把assetsPublicPath 中的'/'成为'./' 2、背景图片路径错误 在css中写的bac 阅读全文
posted @ 2020-03-19 15:19 执手听风吟 阅读(4349) 评论(0) 推荐(0) 编辑
摘要:Ajax做文件上传就会有兼容性的问题。只有一些高版本的浏览器可以实现文件上传的功能。Ie6 ie7 低版本浏览器不能实现。因为ajax文件上传用到Formdata,它是h5新增的,有兼容问题,低版本浏览器不支持。 数据往formdata中加: 调用formdata的append方法,用原生dom对象 阅读全文
posted @ 2020-01-14 17:46 执手听风吟 阅读(2185) 评论(0) 推荐(0) 编辑
摘要:Vue Cli 3 官方文档:https://cli.vuejs.org/zh/guide/ 一、安装 @vue/cli 更新到 3.x 之后,vue-cli 的包名从 vue-cli 改成了 @vue/cli 如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x),首先需要使用以下命令 阅读全文
posted @ 2019-12-27 15:25 执手听风吟 阅读(213) 评论(0) 推荐(0) 编辑
摘要:一、 安装 node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。 只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details 阅读全文
posted @ 2019-12-27 15:00 执手听风吟 阅读(149) 评论(0) 推荐(1) 编辑
摘要:@:表示vue语法中v-on的简写;绑定事件的专用格式。当事件触发的时候,函数才会来调用; @ /:在build文件夹下webpack.base.conf.js找到@,便能知道@代表什么了; 这里指向src文件夹; . /:表示当前目录下; ../: 表示父级目录。 阅读全文
posted @ 2019-11-25 15:46 执手听风吟 阅读(8366) 评论(0) 推荐(2) 编辑
摘要:1. 给vue组件绑定事件时候,必须加上native ,否则会认为监听的是来自Item组件自定义的事件。 例子:如果使用router-link标签,加上@click事件,绑定的事件会无效因为:router-link的作用是单纯的路由跳转,会阻止click事件,你可以试试只用click不用native 阅读全文
posted @ 2019-11-25 15:40 执手听风吟 阅读(5844) 评论(0) 推荐(0) 编辑
摘要:说明:npm run dev 没有报错,可以正常运行;npm run build 过程中也没有报错,但是打包上线时index.html就报错了 解决方法(很简单): 阅读全文
posted @ 2019-11-12 18:14 执手听风吟 阅读(12904) 评论(0) 推荐(1) 编辑