无心

无心 查看完整档案

杭州编辑  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

无心 回答了问题 · 2019-06-12

解决为什么transition-group只能部分有效果?

transition-group根据Key值决定是否进行状态变化,当key变化时会触发动画,否则vue会按照最小开销去修改对应的值而不触发过渡

关注 3 回答 2

无心 回答了问题 · 2019-06-04

解决获取el-table其中一列的所有数据

slot-scope只相当于缓存,可以让你在模板中方便的把数据按你需要的方式渲染,这种情况直接根据源数据去计算就好了,写在computed中根据tableData的值对应计算

关注 3 回答 2

无心 回答了问题 · 2019-06-04

解决引用vuex的store.js 使用里面的getter提示getter未定义

modules里写的getter要用store.getter['模块名/方法名']调用
或者引入mapGetter同样需要模块名/方法名
另外vuex提供了createNamespacedHelper可以直接创建一个模块内的引用方法

import{createNamespacedHelpers} from vuex;
const {mapGetter} from createNamespacedHelpers('user')

这样的mapGetter引入不需要写模块名

关注 5 回答 4

无心 赞了回答 · 2019-06-04

一个数组如何过滤另一个数组中的值,如下图和代码

let allRoutesSet = new Set(allRoutes)
let someRoutesSet = new Set(someRoutes)

let difference = Array.from(new Set([...allRoutesSet].filter(x => !someRoutesSet.has(x)))) // 差集,题主要的

let intersect = Array.from(new Set([...allRoutesSet].filter(x => someRoutesSet.has(x)))) // 交集

let union = Array.from(new Set([...allRoutesSet, ...someRoutesSet])); // 并集

关注 3 回答 2

无心 赞了回答 · 2019-06-04

如何用vue的keepAlive实现以下业务场景

这种业务不需要使用keep-alive吧,keep-alive主要是用于保留组件状态或避免重新渲染。列表页有若干条数据,进入编辑页都是需要变化的,更何况新增、编辑是同一个组件,所以完全没有必要使用keep-alive。在编辑的时候传递列表页的row过去进行一下数据绑定就好了。

关注 5 回答 4

无心 回答了问题 · 2019-06-04

vue做了个聊天室,类似微信那样,发送附件或者图片怎么做?对话框里的成功发送文件,我要做一个这样的样式吗?

首先后端肯定是会保存图片或者文件的把,在保存文件的同时直接记录这个路径到img标签或者a标签中 在vue中拿到数据后v-html放进去可以了

关注 2 回答 1

无心 回答了问题 · 2019-06-04

this.$refs.xx可以获取到,但是this.$refs.xx.style是undefined?

要访问DOM的attr属性,需要在this.$refs.btnRight.$el.style中访问,vue推荐的做法是直接在标签上绑定动态属性
:style={height:''}

关注 6 回答 5

无心 回答了问题 · 2019-05-31

vue 组件切换的时候,第一次点击可以加载出来,在同级之间点击就会空白

emmm很不理解这样的结构 第三级的路由完全可以写成组件的形式啊
至于你这里出现的问题,我猜测是路由懒加载的原因,
你可以尝试将A和E文件夹下的子路由直接import引用而不是按需引入

 <template>
 <component :is='stepControl[step]'
            :contactInfo="contactInfo"></component>
</template>
<script>
const a =()=>import('../components/step/a');
const b =()=>import('../components/step/b');
const c =()=>import('../components/step/c');
const stepControl=['a','b','c']组件名
export default{
data(){return {step:1}}
}

关注 3 回答 2

无心 关注了标签 · 2019-05-29

css3

层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表,由W3C定义和维护的标准,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言。目前最新版本是CSS2.1,为W3C的候选推荐标准。CSS3现在已被大部分现代浏览器支持,而下一版的CSS4仍在开发过程中。

关注 23308

无心 关注了标签 · 2019-05-29

html5

HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

关注 89901

无心 关注了标签 · 2019-05-29

vue.js

Reactive Components for Modern Web Interfaces.

Vue.js 是一个用于创建 web 交互界面的。其特点是

  • 简洁 HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单。
  • 数据驱动 自动追踪依赖的模板表达式和计算属性。
  • 组件化 用解耦、可复用的组件来构造界面。
  • 轻量 ~24kb min+gzip,无依赖。
  • 快速 精确有效的异步批量 DOM 更新。
  • 模块友好 通过 NPM 或 Bower 安装,无缝融入你的工作流。

官网:https://vuejs.org
GitHub:https://github.com/vuejs/vue

关注 127077

无心 回答了问题 · 2019-05-29

解决vue中 v-model 循环数组绑定问题

层级不深,一层直接这么写就可以了不需要定义初始值,
如果出现store[index].attr就会报错了,
可以watch items 对应定义store

关注 2 回答 1

无心 回答了问题 · 2019-05-29

vue-cli3中的static文件夹无法使用exports变量

static放置的是静态文件,只能通过绝对路径访问,动态引入需要放在src/assets中

关注 3 回答 1

无心 回答了问题 · 2019-05-29

原生js如何调用平板摄像头抓拍并保存到本地指定文件夹?

js不能代替用户进行操作,你的操作范围只有这一个Web

关注 2 回答 1

无心 回答了问题 · 2019-05-29

vue 组建的属性分类问题

我的思路很简单了,别的组件有用的就定义在父组件,作为沟通的桥,自定义model或者.sync解决传参,不然就在本实例放着,思路应该是一个组件解决一个问题,最好最终一个结果传给父组件,这是理想情况

关注 3 回答 2

无心 回答了问题 · 2019-05-29

解决关于vue框架的组件通信问题

vuex吧 如果不希望重新请求直接把item整个传过去的话 不然直接路由传参带个id过去重新请求
还是直接写成父子组件传参比较方便 而不是分路由 切换tab把该tab的数据传给父组件,父组件通过prop传给下一个tab组件

关注 3 回答 3

无心 回答了问题 · 2019-05-29

vuex mapGetter 获取数据

首先 你需要看看vuex文档 getter是写在methods作为方法调用的 仅在执行时该方法时获取store的数据
写在computed的是mapState也就是你所期望的效果

关注 2 回答 1

无心 赞了回答 · 2019-05-29

解决JS如何实现一个方法内自增变量?

function fun1 () {
 var num = 0;
 return function () {
  num++;
  console.log(num);
 }
}
const fun2 = fun1();
fun2(); // 这里输出1
fun2(); // 这里输出2
fun2(); // 这里输出3

使用闭包的形式就可以实现

关注 3 回答 2

无心 赞了回答 · 2019-05-29

vue 没有触发属性值的改变,但watch被触发了,什么会导致这种情况发生

watch只要赋值了就会触发,比如watch了a,a原本等于3,你再次赋值a=3也会触发

关注 5 回答 4

无心 赞了回答 · 2019-05-29

解决在Vue中,递归数据,并循环至template,请问要怎么做,主要是条件那块..不明白

vue递归主要靠组件调用自身。如:

SubMenu.vue

<template>
    <div>
        <span>{{menu.title}}</span>

        <template v-if="menu.children && menu.children.length">
            <template v-for="cmenu in menu.children">
                <SubMenu :key="cmenu.title" :menu="cmenu" />
            </template>
        </template>
    </div>
</template>

<script>
export default {
    name: 'SubMenu',
    props: {
        menu: {
            type: Object,
            required: true
        }
    }
}
</script>

index.vue

<template>
    <div>
        <template v-for="menu in menus">
            <SubMenu :key="menu.title" :menu="menu" />
        </template>
    </div>
</template>

<script>
export default {
    name: 'Other',
    data(){
        return {
            menus: [
                {
                    title: "a",
                    children: [
                        {
                            title: "a1"
                        },
                        {
                            title: "a2"
                        }
                    ]
                },
                {
                    title: "b",
                    children: [
                        {
                            title: "b1"
                        }
                    ]
                }
            ]
        }
    },
    components: {
        SubMenu: () => import("./components/SubMenu")
    }
}
</script>

关注 2 回答 1