小编sig*_*nup的帖子

如何通过 vuejs3 中的设置监视函数?

我的组件中有一个函数setup()

export default defineComponent({
  setup() {
    const handleResume = async () => {
      msg.value = {}
      try {
      } catch (err) {
      }
    }
    return { handleResume }
  }
})
Run Code Online (Sandbox Code Playgroud)

现在在我的测试中,我想创建一个像这样的间谍函数:

import App from '@/views/Frame'
jest.spyOn(App, 'handleResume')
Run Code Online (Sandbox Code Playgroud)

但我收到此错误:

Cannot spy the handleResume property because it is not a function; undefined given instead
Run Code Online (Sandbox Code Playgroud)

vue.js jestjs vuejs3 vue-composition-api

4
推荐指数
1
解决办法
4458
查看次数

为什么折叠动画在 vue3 中不起作用?

为什么 vue3js 中过渡动画不起作用?我看不到任何动画。我正在使用这个库https://github.com/ivanvermeyen/vue-collapse-transition

<template>
  <nav class="navbar color-dark section-padding">
    <span :class="this.$route.meta.connect ? 'navbar-toggler' : ''">
      <button class="border-0 navbar" @click="open()">
        <img :src="navgridImg" style="height: 26px; margin: 1vw" />
      </button>
    </span>

    <CollapseTransition >
      <div v-show="show" :class="showClass" id="navbarSupportedContent">
        jdlkajdlsajdlsjdlskajdlsakjdlsajjdlkajd
        lsajdlsjdlskajdlsakjdlsajjdlkajdlsajdlsjdlska
        jdlsakjdlsajjdlkajdlsajdlsjdlskajdlsakj
        dlsajjdlkajdlsajdlsjdlskajdlsakjdlsaj
      </div>
    </CollapseTransition>
  </nav>
</template>
<script>
  import { ref } from 'vue'
  
  import { CollapseTransition } from "vue-collapse-transition"

  export default {
    components: { CollapseTransition,  },
    setup() {
      const show = ref(false)
      const showClass = ref('collapse navbar-collapse')

      const open = () => {
        show.value …
Run Code Online (Sandbox Code Playgroud)

css vuejs3

2
推荐指数
1
解决办法
1805
查看次数

如何将两个视图放置在左侧和右侧?

我想将两个视图放置在其中一个视图的左侧,另一个视图放置在右侧,但是当我应用这样的样式时,右视图会消失:

 return (
        <View style={{ width: '100%' }}>
            <View style={{ float: 'left' }}>
                <Avatar.Icon
                    size={iconSize}
                    name="md-beer" type="ionicon"
                    color="blue"
                    style={{
                        backgroundColor: '#00aced',
                        width: customAvtardimension,
                        height: customAvtardimension,
                    }}
                />
            </View>
            <View style={{ flex: 1, fontSize: 16, lineHeight: 30, color: '#1D2359', textAlign: 'right' }}>
                <Button icon="camera" >
                </Button>
            </View>
        </View>
    )
Run Code Online (Sandbox Code Playgroud)

为什么不起作用?我的错误是在CSS中吗?

css react-native

2
推荐指数
1
解决办法
76
查看次数

如何使用 from 和 to 连接数组?

我有一个数组,我想连接除第一个元素之外的所有值。

例如:在数组上执行此操作 [1,2,3,4,5]应该输出2345

我尝试这样做,row.join("")但我不知道该怎么做。

ruby

1
推荐指数
1
解决办法
212
查看次数

我怎样才能完成填充数组?

我想完成填充数组,例如我已经有一个像这样的数组:

[1,2,3,4,5] 现在我想完成用值 9 填充数组直到 10

我需要这个输出

[1,2,3,4,5,9,9,9,9,9]
Run Code Online (Sandbox Code Playgroud)

我正在尝试循环

但我不知道是否还有其他最好的方法来做到这一点

ruby

0
推荐指数
1
解决办法
98
查看次数

标签 统计

css ×2

ruby ×2

vuejs3 ×2

jestjs ×1

react-native ×1

vue-composition-api ×1

vue.js ×1