3. display funtion's result

display funtion's result

  • Z

    hi! i’m a beginner in the quasar framework , i would know how to display a function’s result , this is my code source

    <template>

    <div>

    <div class="layout-padding">
  <p class="caption">
    La durée de l'emprunt en mois
    <span class="label inline bg-secondary text-white">
      <span class="right-detail"><em>{{value1}}</em> &nbsp;&nbsp;mois</span>
    </span>
  </p>
    
  <q-range v-model="value1" :min="0" :max="300" :step="1" label></q-range>
  
  <p class="caption">
    Le montant emprunté (€)
    <span class="label inline bg-secondary text-white">
      <span class="right-detail"><em>{{value2}}</em> &nbsp;&nbsp;€</span>
    </span>
  </p>
    
  <q-range v-model="value2" :min="0" :max="500000" :step="10" label></q-range>
  
  <p class="caption">
    TEG : Taux Effectif Global annuel
    <span class="label inline bg-secondary text-white">
      <span class="right-detail"><em>{{value3}}</em> &nbsp;&nbsp;%</span>
    </span>
  </p>
    
  <q-range v-model="value3" :min="0" :max="100" :step="0.1" label></q-range>

    <p class=“caption”>Mensualité</p>
    <span class=“right-detail” ><em>{{total}}</em> €</span>

    </div>

    </div>
    </template>

    <script>
    export default {
    data () {
    return {
    value1: 0,
    value2: 0,
    value3: 0,

    computed: {
    total: function(value1,value2,value3) {
    return (value2*(value3/1200))/(1-Math.pow((1+value3/1200),(-value1)))
    } } } } }
    </script>

    0
    J
     1 Reply
  • J

    @zeineb If what you posted for your <script> tag is correct, then:

    • Your curly braces are out of place
    • In your call to total, you’re not supplying the parameters. Instead our total function won’t take any parameters and will instead use this.foo to get the value of foo.
    • You can’t use -foo to get the negative value of foo
    <script>
  export default {
    data () {
      return {
        value1: 0,
        value2: 0,
        value3: 0,

  computed: {
    total: function(value1,value2,value3) {
      return (value2*(value3/1200))/(1-Math.pow((1+value3/1200),(-value1)))
  } } } } }
</script>

    can be converted into

    <script>
  export default {
    data () {
      return {
        value1: 0,
        value2: 0,
        value3: 0,
      }
    },
    computed: {
      total () {
        return (this.value2 * (this.value3 / 1200)) / (1 - Math.pow((1 + this.value3 / 1200), ( this.value1 * -1)))
      }
    }
  }
</script>

    Also, you posted this in Show & Tell. I think a better category would have been Help. And please format the code you post here so it’s easier for people to help you.

    ```
    console.log(‘Hello World’)
    ```

    turns into

    console.log('Hello World')
    0