vue
阿奇是只猪
这个作者很懒,什么都没留下…
展开
-
父子组件v-bind同步更新参数
父页面 <add-or-edit-dialog v-if="editDialogVisible" :dialog-visible="editDialogVisible" :type="type" v-bind.sync="currentItem" @close="handleClose" @submit="handleSubmit" />传入的currentItem ={addValProductItems原创 2021-10-22 14:24:55 · 294 阅读 · 0 评论 -
vue常见问题梳理
vue生命周期父子组件通信?父子组件通信父->子props,子->父 on、on、on、emit获取父子组件实例 parent、parent、parent、childrenRef 获取实例的方式调用组件的属性或者方法Provide、inject 官方不推荐使用,但是写组件库时很常用兄弟组件通信Event Bus 实现跨组件通信 Vue.prototype.$bus = new VueVuex跨级组件通信Vuexattrs、attrs、attrs、原创 2021-04-08 14:49:24 · 89 阅读 · 0 评论 -
vue父组件对子组件事件监听
子组件computed: { list() { this.$emit('allListMsg', val); // 给父组件发送消息 return val }, 父组件 <PJDLCalendar @allListMsg="allListMsg" /> data() { return { allList: [], }; }, watch:{ allList(val){ /原创 2021-01-28 20:35:02 · 578 阅读 · 0 评论 -
vue2.0使用ts
package.json新增以下依赖"devDependencies": { "@vue/cli-plugin-typescript": "^4.1.0", "vue-template-compiler": "^2.5.17", "typescript": "~3.5.3", "nodemon": "^2.0.4", "json-server": "^0.16.1", "mockjs": "^1.1.0" }```新建tsconfig.json原创 2021-01-28 16:44:35 · 1430 阅读 · 0 评论 -
Object.assign 与... 对象展开语法 区别
项目中 使用Object.assign 导致页面报错...mapMutations('heavy', ['setAddServiceFeeInfo']),preFeeParamsChange = Object.assig(AddServiceFeeInfo.preFeeParams,preFeeParamsChange)原因:Object.assign 会触发的setter方法 这使得mutation的值发生改变对象展开语法 不会触发setter...mapMutations('heavy原创 2020-08-03 10:12:53 · 2425 阅读 · 0 评论 -
vue-cli-service: command not found Mac电脑
1,没有安装全局参考官方文档2,本地没有@vue/cli可以在package.json里面添加上依赖"devDependencies": { "@vue/cli": "^4.4.6" }删除 node-module重新安装 npm install原创 2020-07-02 17:51:42 · 12463 阅读 · 0 评论 -
Vue项目里白屏问题解决方案
https://www.jianshu.com/p/7ef0ac0e972b原创 2020-05-26 13:18:56 · 1540 阅读 · 0 评论 -
Vue 创建项目
在webstrom里面创建vue项目npm install vue1:vue init webpack my-vue //创建一个 my-vue的项目 不能有大写字母cd my-vue2:npm install //安装依赖3,npm run dev //运行项目创建完成之后 每个文件夹的功效:1:build 最终 发布代码的存放位置2:config 配置目原创 2017-10-31 11:13:42 · 426 阅读 · 0 评论 -
如何在vue脚手架里面使用echarts 组件显示中国地图---亲测
网上查阅好多资料 在 vue里面 有推荐引用1,引入 China.js文件 import echarts from 'echarts'; import 'echarts/lib/chart/map'; import 'echarts/map/js/china.js';推荐这样使用 但是做出来的效果是缩成一团的 (我已经使用百分比适应屏幕了,所以不存在没有设置宽高的问...原创 2017-11-13 18:38:36 · 7342 阅读 · 10 评论 -
vue里面关于created和mounted的区别
created :是在页面渲染之前发生的 ,如果想要获取数据渲染到html之后元素的宽高 这些事拿不到的。mounted:是在渲染data里面的数据到页面上之后 发生的 所以这时候去元素的具体信息是可以拿到的。原创 2017-11-22 16:34:48 · 7375 阅读 · 0 评论 -
vue渲染页面,获取不到元素
遇到的问题是 我已经通过调取后台接口拿到数据,付给全局变量,在vue里面渲染,但是当获取元素的时候得到的是空的数组1,拿到了数据2,初始化了数据3,渲染页面4,获取元素 得到的imgs是【】5,解决办法 加上this.$nextTick...原创 2018-03-01 15:29:48 · 10987 阅读 · 1 评论 -
vue模块间调用
computed: { ...mapState('common', { userPin: 'jdPin', //common.js 里面的jdPin 重新命名为userPin customerCode: 'customerCode', }), ...mapGetters('order', [ 'sendOrders',//order...原创 2021-02-02 18:22:42 · 129 阅读 · 0 评论 -
Vue入门笔记
在html文件里面引入 vue。js,vue-resource。js,插件把该逻辑写在 car。js 再引入该界面需要的逻辑的js-------------------------最简单的vue实例$mount()手动挂载 当Vue实例没有el属性时,则该实例尚没有挂载到某个dom中; 假如需要延迟挂载,可以在之后手动调用vm.$mount()方法来挂载。原创 2017-10-31 11:20:12 · 472 阅读 · 0 评论