小编use*_*339的帖子

我制作了一个图像框,当你点击它时,文本框会随着slideToggle效果向下滑动.当我再次单击该框以关闭文本框时,slideToggle工作.但是当文本滑落时,我在文本框中放置了一个fa-angle-up fontawesome图标,因此访问者可以关闭文本框,而不必再次按下图像框.这是我的小提琴.现在我似乎无法弄清楚如何使fa-angle-up图标起作用.

如果我需要提供更多信息,我很乐意提供帮助.

我试过这段代码,但什么也没发生:

     (function($) { 
  $('.popup_trigger').on('click', function(e, ui) {
    $('.popup_community', $(this).parent('.wrapper_community')).slideToggle('slow');    
    e.preventDefault(); 
  });   
  $('.fa-angle-up').on('click', function(e, ui) {
    $('.popup_community', $(this).parent('.wrapper_community')).slideUp('slow');    
    e.preventDefault(); 
  });   

})(jQuery);

目前我正在为职位空缺申请存储数据。对于后端，我使用 Laravel，而对于前端，我使用 Nuxt.js 我是 Nuxt 的新手，所以我有点卡在以下问题上。

我有一个页面用于创建一个名为 new-job.vue 的新职位空缺。我还创建了一个名为 jobs.js 的存储来处理状态。

在 new-job.vue 上，我有一个表单，其中包含必须在表单开始之前呈现在列表中的数据。例如所有国家/地区的列表等。以便我在表单中选择它们。

在这一点上，我在 new-job.vue 的导出默认值中使用 asyncData：

<script>
export default {

    asyncData(context) {
        return context.app.$axios
            .$get('jobs/create')
            .then(data => {
                //context.store.dispatch('jobs/getTypes', data.types)
                context.store.dispatch('jobs/getPlatforms', data.platforms)
                context.store.dispatch('jobs/getCountries', data.countries)data.branches)

                // return {
                //     loadedPost: { ...data, id: context.params.postId }
                // }composer required barr
            })
            .catch(e => context.error(e))
    },
     computed: {
         types () { return this.$store.state.jobs.types },
         platforms () { return this.$store.state.jobs.platforms },
         countries () { return this.$store.state.jobs.countries },

    },
}

asyncData 方法有效，类型、平台和国家的列表被数据库中的数据填满，Vuex 商店中的状态得到更新。.只有数据在客户端呈现。 …