Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 31 2019 22:22
    visualfanatic edited #9403
  • Jan 31 2019 22:04
    visualfanatic opened #9403
  • Jan 31 2019 18:25

    yyx990803 on regression-test

    fix: allow more enumerated valu… chore: update sponsors [ci skip… fix: fix v-bind:style for camel… and 1 more (compare)

  • Jan 31 2019 17:29
    yyx990803 closed #9402
  • Jan 31 2019 17:20
    devedse opened #9402
  • Jan 31 2019 16:49
    Justineo closed #9401
  • Jan 31 2019 16:40
    Giwayume opened #9401
  • Jan 31 2019 15:24
    yyx990803 closed #9396
  • Jan 31 2019 15:24

    yyx990803 on dev

    fix: fix child forceUpdate regr… (compare)

  • Jan 31 2019 15:08
    yyx990803 closed #9382
  • Jan 31 2019 15:08

    yyx990803 on dev

    fix: fix v-bind:style for camel… (compare)

  • Jan 31 2019 15:08
    yyx990803 closed #9386
  • Jan 31 2019 15:04

    yyx990803 on dev

    chore: update sponsors [ci skip… (compare)

  • Jan 31 2019 15:04

    yyx990803 on patreon-update-1548947041032

    (compare)

  • Jan 31 2019 15:04
    yyx990803 closed #9400
  • Jan 31 2019 15:04

    vue-bot on patreon-update-1548947041032

    chore: update sponsors [ci skip] (compare)

  • Jan 31 2019 15:04
    vue-bot opened #9400
  • Jan 31 2019 14:59

    yyx990803 on patreon-update-1548924868622

    (compare)

  • Jan 31 2019 14:58
    yyx990803 closed #9393
  • Jan 31 2019 14:56

    yyx990803 on dev

    fix: allow more enumerated valu… (compare)

Om Prakash
@prakash32596
hello guys
is there any npm package to covert html to pdf in vuejs ????
SenLin
@xusenlin
No, like jenkens
Jenkins
😂
SenLin
@xusenlin
Om Prakash
@prakash32596
i want to convert particular element to pdf file
Falgun Swami
@swamifalgun
HI, Can I get some help related to gridsome also here , thanks :)
Om Prakash
@prakash32596
hi @swamifalgun sure
Falgun Swami
@swamifalgun
thanks @prakash32596 I have a gridsome app. I am trying to capture the scroll position on the index page.
Bascially, the scroll position works on every other page but when I navigate from index page to some other page and come back to index page the scroll position is lost.
router.options.scrollBehavior = function (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    } else if (to.hash) {
      return new Promise((resolve, reject) => {
        console.log("entered promise")
        setTimeout(() => {
          resolve({
            selector: to.hash,
            behavior: 'smooth'
          })
        }, 0)
      })
    } else {
      console.log("final else block");
      return {
        x: 0,
        y: 0
      }
    }
  }
`
this is my code. I do not understand why it does not work.
Mert Özgür Akdeniz
@iquad
hey there
where is the proper lifecycle hook to wait until store module loaded?
Andrius Solopovas
@asolopovas
guys has vuex store been removed from the dev-tools 6?
Jones Lisboa
@joneslisboa
??????
Vinícius
@vinimatos

Hello guys! I'm starting on vuejs and I came across a small error:
"use data or computed property based on the prop's value. Prop being mutated".

What is the error in my component?

code

export default {
mounted() {},
props: ["alunos"],
data() {
    return {
    };
},
beforeMount() {
    this.obterAlunos();
},
methods: {
    novo() {
        window.location = "./novo";
    },
    obterAlunos() {
        axios.get("./alunos").then(({ data }) => {
            this.alunos = data;
        });
    },
    setVal(val, val1, val2, val3, val4) {

    },
    excluir(id) {
        if (confirm("Deseja realmente excluir?")) {
            axios.get("./aluno/excluir/" + id).then(({ response }) => {
                location.reload();
            });
        }
    }
}

};

mikeful
@mikeful:hacklab.fi
[m]
"alunos" is passed in as property and then replaced with data from axios call. vue doesn't like that
try moving it from props to data()
or save axios result in different data key
usually data/API calls should be handled outside of components (for example with vuex) and data is just passed into components via props
Arpit Patidar
@iamarpitpatidar
Hey guys, i am new to js my code works it just looks like crap and it would be really great if someone can tell me a better way to do it. Thanks
<div data-target="deleteModal">Foo</div>
<div id="deleteModal">Bar</div>

<script>
    $('div[data-target="deleteModal"]').on('click', function() {
        $(`#${$(this).attr('data-target')}`).text('something');
    })
</script>
Siemienik Pawel
@Siemienik
Hi everyone, I want to announce that the xlsx-renderer v2.4.0 has been released.
https://github.com/Siemienik/XToolSet/releases/tag/xlsx-renderer-v2.4.0
That introduce 2 new features that kick the functionality off :) Give it a review, we are very, very curious what do you think about our library ;)
Falgun Swami
@swamifalgun

Hello anyone with experience in gidsome?

I would need some help regarding using vue-scroll-position in gridsome.

Repost!!

I have trouble implmenting vue scroll position on my gridsome index.vue page. I have a button which navigates to another page but when ı go back with the browser back button, the vue gets scrolled to the top.

router.options.scrollBehavior = function (to, from, savedPosition) {
    console.log("scroll position running");
    if (savedPosition) {
      console.log("saved postion ", savedPosition);
      return savedPosition;
    } else if (to.hash) {

      console.log("has found ", to.hash);
      console.log(to);

      return new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve({
            selector: to.hash,
            behavior: 'smooth'
          })
        }, 0)
      })
    } else {
      return {
        x: 0,
        y: 0
      }
    }
  }

This is what I am using in my main.js file.
can someone point out what am I missing.
Note: the scroll position is working on every other page. For example, navigating from page2 to page3 and coming back to page2 put me exactly where I pressed the button from.

i can not get it to work on my index page, everywhere else it works fine.
Chris Michael
@ChrisMichaelPerezSantiago

Vue Lo Plugin

vue-lo Lo is a plugin that includes all the functionalities of lodash.
marwankous
@marwankous
hi
marwankous
@marwankous
<template>
  <el-row>
    <el-col :span="24">
      <el-image
        v-for="(card, index) in randomCards"
        :key="card.indexOf"
        :src="card.url"
        :id="(card.id = index)"
        fit="fill"
        @click="flipCards(index)"
      ></el-image>
    </el-col>
  </el-row>
</template>

<script>
import axios from "axios";
export default {
  data() {
    return {
      selectedCardsId: [],
      randomCards: null,
      data: [],
    };
  },
  computed: {},
  methods: {
    getResults() {
      axios
        .get("https://api.thecatapi.com/v1/images/search", {
          params: { limit: 36 },
        })
        .then((response) => {
          this.randomCards = response.data
            .concat(response.data)
            .sort(() => 0.5 - Math.random());
        });
    },
    flipCards(cardIndex) {
      this.randomCards[cardIndex].url = "1";
    },
  },
  async mounted() {
    await this.getResults();
  },
};
</script>

<style scoped>
.el-image {
  width: 100px;
  height: 100px;
  margin: 10px;
}
</style>
when i load the page and click the image i see changes in two element in the array because they have the same value but different index
Arpit Patidar
@iamarpitpatidar
is there a way to have HtmlWebpackPlugin replace css styles with the one generated with css-modules in webpack. this is my current partial config
use: [
    { loader: MiniCssExtractPlugin.loader },

    {loader: 'css-loader',
     options: {
            modules: {
                compileType: "module",
                localIdentName: '[sha1:hash:hex:4]',
            },
            importLoaders: 1
     }
   }],
OMAR HEGAZI
@OmarHegazi94
Hi guys , we are making an app part of it contains project management tool but we need your help with this simple survey ( 3 questions )
https://docs.google.com/forms/d/e/1FAIpQLSdygaBDG5LssxfU1W5cZJrGLuQb8AsxjQ8NBlMkteuiCHrVRw/viewform
thank you all
PeachyPeach
@jairadichoso
Hi, could someone help me understand how to I use Buefy components when I'm referencing it from CDN? I need to try loading radio button.
Usage example
@jairadichoso
Gabriel Sparber
@gsparber
Hello, can someone help me understand how I can disable or clear the cache/storage, when I reload the page? Thx!
Freddy
@fjeddy
@gsparber You cant truly clear the cache from Vue, you dont have that kind of access to the browser. The cache is on the users computer, not your website. But, you can clear parts of it, and its probably what your looking for window.location.reload(true)
Gabriel Sparber
@gsparber
@fjeddy Thanks i will try it
Freddy
@fjeddy
But @gsparber, I have a feeling you need this for something you shouldn't need it for... Care to elaborate why you need to clear the cache on reload?
Gabriel Sparber
@gsparber
@fjeddy Currently I musst clear the cache in the browser, after I make some code changes and deploy it on the server, to see the new version
Felipe Contreras
@felipec
What's the difference between event and $event?
PeachyPeach
@jairadichoso
Is there a way to make Buefy autocomplete handle multiselect?
Felipe Contreras
@felipec
Very useful channel.
wangyueyu1992
@wangyueyu1992
yoyoyo
cleveio
@cleveio
heeeey
Jp·John
@wjpdream
这里面是不是都是国人?
Julian Zhu
@OrangeBorning
。。。
Jp·John
@wjpdream
Are all Chinese in this team?
Freddy
@fjeddy

@gsparber If you open Chrome Developer Tools, then under the "Network" tab you will see a "Disable cache", this will force reload the static files as long as the console is open... Very handy during developement. For production use, you should be using random names on the files, vue-cli handles this for you, if you include the static files directly yourself, then adding a ?myUniqueIdThatChangesGoesHere to the style will also change it, back in the old days we often used the version number. src="./my/path/to/css/mycss.css?1.2.4

The browser will treat it it as a different file and reload it.

myz525
@myz525
是也不是
JingXiang
@feidao158
是的