随笔分类 -  Vue

element ui实现手动上传文件，且只能上传单个文件，并能覆盖上传。
摘要：element ui提供了成熟的组件场景，但实际工作中难免会遇到认（sha）真（diao）的产品。比如，最近遇到的，要求实现手动上传特定格式文件（用户点击“上传文件”按钮，确定之后，只是单纯选择了文件，点击页面上的“提交”按钮才上传），并展示用户选择的文件名称，且只能选择一个文件，如果用户选择第2， 阅读全文
posted @ 2019-11-01 16:06 若鱼灬 阅读(41853) 评论(7) 推荐(16) 编辑
vue与element ui的el-checkbox的坑
摘要：一，场景 通过使用checkbox，实现如图的场景， 点击某个tag，实现选中和非选中状态。 二， 官网的例子 通过切换checked值为true或者false来实现，一个checkbox的状态切换 效果如下： 三， 思考。 通过循环li， 给数据添加checked属性，并绑定到v-model上，来 阅读全文
posted @ 2019-09-26 11:49 若鱼灬 阅读(50064) 评论(0) 推荐(9) 编辑
vue的seo方案 prerender-seo-plugin
摘要：利用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 若鱼灬 阅读(502) 评论(0) 推荐(0) 编辑
利用Object.defineProperty实现Vue数据双向绑定
摘要：body部分很简单，一个输入框和一个展示的div 逻辑部分 效果是 阅读全文
posted @ 2018-10-17 13:54 若鱼灬 阅读(432) 评论(0) 推荐(0) 编辑
Vuex访问状态对象的方法
摘要：除了《Vuex最基本样例》中的方法外，还有两种方法访问状态对象state： 只需要改app.vue文件 方法一：引入computed 方法二：在方法一基础上引入mapState 方法三：简化的mapState写法 运行结果如下： 看出来，结果是一样的。 阅读全文
posted @ 2018-05-03 18:15 若鱼灬 阅读(858) 评论(0) 推荐(0) 编辑
Vuex最基本样例
摘要：通过vue-cli建立基本脚手架（需要安装vuex），需要新建一个store.js文件。基本目录如下 1，store.js文件代码： 2，App.vue代码： 3，入口文件main.js代码： 运行结果为： 默认显示为数字5，点击+或者-，执行相应的加减操作。 阅读全文
posted @ 2018-04-11 17:46 若鱼灬 阅读(404) 评论(0) 推荐(0) 编辑