Vue
aoshiyunlong
这个作者很懒,什么都没留下…
展开
-
Error in mounted hook: "TypeError: Cannot assign to read only property '0' of string 'ASA'"
如果没遇到估计也不知道如何去解决这个问题,第一眼肯定想到的是应该我哪里写错了?:无法分配给字符串'ASA'的只读属性'0'”什么鬼?不管了打印一下看看哪里错了,发觉没错?而且在浏览器调试js代码没问题!以前也没遇到够这么懵逼的事情啊,这是需求用户选择分类名称1,物资编号就要增加一个字符,字符就是选择下拉的值,分类名称2也是改变的是第二个字符后来搞了很久才知道...原创 2019-12-02 14:41:13 · 4558 阅读 · 0 评论 -
递归树节点
弹起递归,一般前端特别经典的就是角色菜单权限和tree树节点就是这个树节点后期会有很多分类,递归就是自己调用自己,因为数据很少不需要考虑性能问题,所以说用递归算是很简单的,下面看代码这便是判断边界条件,当然childrn如果是空的也不会进入递归环节,做这个目的是用户体验优化,获取所有子节点做成一个下拉这样的话用户不一定非要点击左边才可以选择类型,不然用户体...原创 2019-11-28 23:21:39 · 1257 阅读 · 0 评论 -
vue 数据响应式
在使用vue 开发项目的时候 如果通过 “=”赋值给数组的某个数组或者对象,第二次赋值的时候页面没有及时响应,vue底层监听不到if (this.storageIndexArray[index] == undefined) { this.storageIndexArray.push(res.data); } else { ...原创 2019-10-17 14:04:24 · 96 阅读 · 0 评论 -
前端实现分页
在开发过程中我遇到这么一个需求我曾经遇到过这个需求,后台说数据分页麻烦,哎没办法这个公司就我和他搞技术的,要是有项目经理肯定不允许后台这么搞,无论数据量大不大,前端采用的是Vue + ElementUi下面这是父组件的需要代码<!--html代码--><template> <paging class="page" :totalCount=...原创 2019-08-01 22:49:44 · 23468 阅读 · 16 评论 -
Vue Cli3 模拟后台json接口
在开发过程中前端经常需要模拟json数据,那么这种方式不需要开启node服务//导入const webpack = require('webpack')const path = require('path')const appData = require('./data.json')const seller = appData.sellerconst goods = appData...原创 2019-08-01 16:07:14 · 773 阅读 · 0 评论 -
vue之cssModule和scoped
在项目开发过,尤其是类似于mvvm框架,组件化开发过程中,如果不使用scoped或者cssModule,会把组件外的样式覆盖,在这种形式下,一般都用的是scoped,但是vue还支持cssModulesCSS module在vue当中可以不用配置任何信息就能生效,<style lang="scss" module></style>然后呢可以在js...原创 2019-07-10 22:14:47 · 426 阅读 · 0 评论 -
vue修改值的问题
一般在修改数组对象的时候,会无法修改,视图无法生效,这个时候就需要使用vue.$setlet tableData=[ { name: '小', age:'23', sex:'男' }, { name: '小', age:'23', sex:'男' }, {...原创 2019-06-27 11:23:52 · 1632 阅读 · 0 评论 -
Vue原型开发搭建
Vue CLI 3.0环境搭建卸载老项目vue-clli:npm uninstall vue-cli -g 安装新版本:cnpm install -g @vue/cli 原型开发 :npm install -g @vue/cli-service-global 创建项目 :vue create 项目名 或者使用图形化界面创建 使用图形化界面 vue ui 插件、打包...原创 2019-04-29 11:37:26 · 1587 阅读 · 0 评论 -
开发Vue组件细节点
1.在组件定义data只能是函数,不能是对象 Vue.component('row',{ data:function () { return{ content: 'this is function' } }, ...原创 2019-04-18 14:04:31 · 145 阅读 · 0 评论 -
vue-cli搭建
命令行执行 : cnpm install -g vue-cli // 加-g是安装到全局执行命令: vue init webpack demo(你新建的项目名称/文件名称)npm run dev 运行原创 2019-04-20 19:47:48 · 149 阅读 · 0 评论