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