Vue
lanyan1214
这个作者很懒,什么都没留下…
展开
-
ES6模块的import和export用法总结
[color=blue][size=medium][color=green][b]ES6之前已经出现了js模块加载的方案,最主要的是CommonJS和AMD规范。commonjs主要应用于服务器,实现同步加载,如nodejs。AMD规范应用于浏览器,如requirejs,为异步加载。同时还有CMD规范,为同步加载方案如seaJS。ES6在语言规格的层面上,实现了模块功能,而且实现得相当简单...原创 2018-04-17 17:25:17 · 246 阅读 · 0 评论 -
vue + ElementUI 关闭对话框清空验证,清除form表单
[color=green][size=medium][b]对话框右上角的close按钮(before-close:关闭前的回调,会暂停 Dialog 的关闭)closeDiv(){ this.$refs['addForm'].resetFields()}[/b][/size][/color]...原创 2018-08-08 17:35:34 · 15492 阅读 · 0 评论 -
vue 多级嵌套示范
多级嵌套示例原创 2018-08-08 14:41:14 · 1015 阅读 · 0 评论 -
vue 设置文本框只能输入正整数
[size=medium][color=green][b]// 验证只能输入正整数handleInput() { this.form.subjectId = this.form.subjectId.replace(/[^\.\d]/g, '') this.form.subjectId = this.form.subjectId.replace('.', '')}...原创 2018-08-03 15:26:00 · 11124 阅读 · 2 评论 -
element-ui的el-radio怎么在已选中的情况下,再次点击取消选中?
[color=green][size=medium][b]第一种: 备选项 备选项 备选项 clickitem (e) { e === this.radio2 ? this.radio2 = '' : this.radio2 = e},扩展下:通用写法,就是clickitem事件中,不要出现v-model的对象名...原创 2018-08-02 16:24:52 · 7147 阅读 · 1 评论 -
vue promise then多级嵌套
[size=medium][color=green][b]和上一篇类似的需求,目前我有一个需求是: 通过getFormNames得到了一个大集合A,在循环遍历A集合的每一条数据A1,A2。。。。以此类推,拿到A1作为参数,又会获得一个新集合,最终是把返回的结果拼装改造下返回一个新的responsefunction getForms(){ getFormNames().the...原创 2018-06-20 14:14:24 · 7408 阅读 · 0 评论 -
vue 全局处理日期格式
[size=medium][color=green][b]入口文件main.js加入import Vue from 'vue'import * as filters from './filters'// register global utility filters.Object.keys(filters).forEach(key => { Vue.filter(key,...原创 2018-06-20 14:10:58 · 1331 阅读 · 0 评论 -
vue promise all 多层嵌套
[size=medium][color=green][b]目前我有一个需求是: 通过getFormNames得到了一个大集合A,在循环遍历A集合的每一条数据A1,A2。。。。以此类推,拿到A1作为参数,又会获得一个新集合,最终是把返回的结果拼装改造下返回一个新的responseexport function getFormList(type, studyIds) { retu...原创 2018-06-20 13:51:55 · 2274 阅读 · 0 评论 -
vue prop 父子组件绑定数据
[b][size=medium][color=red]单向数据流 prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是不会反过来。这是为了防止子组件无意修改了父组件的状态——这会让应用的数据流难以理解[/color][color=green] 另外,每次父组件更新时,子组件的所有 prop 都会更新为最新值。这意味着不应该在子组件内部改变 prop。如果这么做...原创 2018-05-10 17:49:11 · 578 阅读 · 0 评论 -
vue关于父组件调用子组件的方法和属性
[size=medium][color=blue][b]用$ref调用 直接代码:子组件: export default { data(){ return { num:'123' } }, computed: { }, components: { ...原创 2018-05-08 14:22:12 · 750 阅读 · 0 评论 -
vue v-model directives cannot update the iteration variable 'x' itself
[b][size=medium][color=blue]new Vue({ el: '#app', data: { settings: { runs: [1, 2, 3] } }, methods: { removeRun: function(i) { console.log("Remove", i); ...原创 2018-05-08 13:55:49 · 8733 阅读 · 0 评论 -
vue router传递参数 params和query
[size=medium][color=blue][b]需求:list.vue页面 是这样子的,我想把itemId传给hotel.vue页面。点击url会跳转到http://localhost:8080/#/hotel/1001分为参数显示在url和参数隐藏1、参数显示在url中--------------------------------------------...原创 2018-04-25 15:10:49 · 351 阅读 · 0 评论 -
vue $set修改对象
[color=green][size=medium][b]Vue 不允许动态添加根级响应式属性。var vm=new Vue({ el:'#test', data:{ //data中已经存在info根属性 info:{ name:'小明'; } }});//给info添加一...原创 2018-08-09 15:48:23 · 4223 阅读 · 0 评论