随笔分类 -  Vue

摘要:element ui提供了成熟的组件场景,但实际工作中难免会遇到认(sha)真(diao)的产品。比如,最近遇到的,要求实现手动上传特定格式文件(用户点击“上传文件”按钮,确定之后,只是单纯选择了文件,点击页面上的“提交”按钮才上传),并展示用户选择的文件名称,且只能选择一个文件,如果用户选择第2, 阅读全文
posted @ 2019-11-01 16:06 若鱼灬 阅读(42574) 评论(7) 推荐(16) 编辑
摘要:一,场景 通过使用checkbox,实现如图的场景, 点击某个tag,实现选中和非选中状态。 二, 官网的例子 通过切换checked值为true或者false来实现,一个checkbox的状态切换 效果如下: 三, 思考。 通过循环li, 给数据添加checked属性,并绑定到v-model上,来 阅读全文
posted @ 2019-09-26 11:49 若鱼灬 阅读(50837) 评论(0) 推荐(9) 编辑
摘要:利用vue cli 3.0安装脚手架。记住:勾选vue-router。 在vue.config.js里添加配置: main.js里添加配置: (标红部分) 在执行yarn build后,在dist目录里就会生成对应路由的index页面。 如果需要验证,添加http-server。 sudu yarn 阅读全文
posted @ 2019-04-18 11:45 若鱼灬 阅读(508) 评论(0) 推荐(0) 编辑
摘要:body部分很简单,一个输入框和一个展示的div 逻辑部分 效果是 阅读全文
posted @ 2018-10-17 13:54 若鱼灬 阅读(434) 评论(0) 推荐(0) 编辑
摘要:除了《Vuex最基本样例》中的方法外,还有两种方法访问状态对象state: 只需要改app.vue文件 方法一:引入computed 方法二:在方法一基础上引入mapState 方法三:简化的mapState写法 运行结果如下: 看出来,结果是一样的。 阅读全文
posted @ 2018-05-03 18:15 若鱼灬 阅读(863) 评论(0) 推荐(0) 编辑
摘要:通过vue-cli建立基本脚手架(需要安装vuex),需要新建一个store.js文件。基本目录如下 1,store.js文件代码: 2,App.vue代码: 3,入口文件main.js代码: 运行结果为: 默认显示为数字5,点击+或者-,执行相应的加减操作。 阅读全文
posted @ 2018-04-11 17:46 若鱼灬 阅读(407) 评论(0) 推荐(0) 编辑