-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
20170525_使用vue遇到的相关问题 #74
Comments
add 2018-01-17 10:45:35 3.扩展运算符如何只获取需要的部分字段(暂无解决方案)object.assign(a,b)是会把b的所有可枚举属性与方法全部复制到a对象上,无法只复制部分字段 4.一个页面里使用两个相同的组件,但数据却只保存一个可能是因为该组件的props接收的是同一个Object,而且在组件内部修改了该Object(或者使用sync) 5.vue自定义组件对父组件暴露事件回调
6.vue子组件向父组件传递大量数据该如何处理
其中args参数可以是对象字面量,对象字符串,注意响应式对象问题 7.如何处理弹框组件在可视不可视时初始化数据问题在改变弹窗组件可视不可视逻辑之前处理弹窗组件的初始化工作,弹窗组件添加初始化方法,父组件通过ref调用弹框组件的初始化方法
例子:弹框是一个组件,弹框里面有一个自己写的远程过滤组件 8.多个页面需要使用多个二级代码的解决方案所谓二级代码即同一接口不同参数返回同样数据结构但数据内容不同的对象数组 |
9.遍历树形结构获取所有节点数组methods: {
/** 获取树形结构的所有节点(含叶子节点和非叶子节点)
* @method getTreeNodeArray
* @param {Array} nodeList 节点数组
* @param {String} attr 子节点数组属性名
* @return {Array} 所有节点数组
*/
getTreeNodeArray (nodeList,attr) {
let arr = []
for (let i = 0, j = nodeList.length; i < j; i++) {
let node = nodeList[i]
arr.push(node)
if ((typeof node[attr] !== 'undefined') && node[attr].length > 0) {
arr = arr.concat(this.getTreeNodeArray(node[attr],attr))
}
}
return arr
}
} |
add 2018-01-23 19:49:22 10.vue组件数据初始化相关问题美好的计划: <template>
<!--
组件里获取到的taskId为空字符串,
即便mounted方法里修改了taskId,
在组件里依旧是空字符串
解决方法一:
在data里直接初始化taskId
方法二:
在created方法里初始化taskId
-->
<component :taskId="taskId"></componenta>
</template>
<script>
components: {
'component': component
},
data () {
return {
taskId: '',
}
},
mounted () {
this.taskId = this.$route.params.id + ''
}
<script> data () {
return {
// 在data里初始化
this.taskId = this.$route.params.id + ''
}
},
created () {
// 或者在created里初始化
this.taskId = this.$route.params.id + ''
}, 在beforeCreate里面对data赋的值会被data里面的赋值给覆盖,
|
add 2018-03-13 15:30:05 v-if与v-else的复用问题
这样如果v-if与v-else里的结构类似会出现复用问题,需要对使用元素加上key进行区别 碰到现实问题: |
title: 使用vue遇到的相关问题
date: 2017-05-25 14:44:15
description: 记录使用vue遇到的相关问题
1.Vue页面加载时
Mustache
标签尚未编译时导致页面闪烁问题解决方法1:
使用
v-cloak
详见这里
解决方法2:
使用
v-text
详见这里
2.判断Vue页面运行环境
如果使用vue.js则表示使用开发环境如果使用vue.min.js则表示生产环境
在开发环境下devtools默认开启,在生产环境下则devtools默认关闭
在页面就可以使用
Vue.config.devtools
的值进行判断。详见这里
The text was updated successfully, but these errors were encountered: