跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 一个前端问题,求解答
未分類
18 4 月 2021

一个前端问题,求解答

一个前端问题,求解答

資深大佬 : Eyon 5

有三个输入框,价格 /折扣率 /折后价

折后价=价格 x 折扣率,即输入价格和折扣率可以自动算出折后价。

重点来了,我想同时实现 输入折后价,可以算出折扣率,也就是
折扣率=折后价 /价格,

这个应该怎么实现,使用 vuejs+elementui

一个前端问题,求解答

大佬有話說 (5)

  • 資深大佬 : TMaize

    vmodel 用计算属性,计算属性写 get set 去操作 data 里的临时数据就行了

  • 主 資深大佬 : Eyon

    @TMaize 愿闻其详,或者你测试过确实可以用这种解决方案。

  • 資深大佬 : TMaize

    你这是空手套代码呀
    <template>
    <div id=”app”>
    <input type=”text” v-model=”a” />
    <input type=”text” v-model=”b” />
    <input type=”text” v-model=”c” />
    </div>
    </template>

    <script>
    export default {
    data() {
    return {
    a: 0,
    b: 0,
    };
    },
    computed: {
    c: {
    get() {
    return Number(this.a) + Number(this.b);
    },
    set(v) {
    this.b = Number(v) – Number(this.a);
    },
    },
    },
    };
    </script>

  • 主 資深大佬 : Eyon

    @TMaize 大谢…..

    一模一样的代码写出来了….只差一句

    this.b = Number(v) -Number(this.a);

    然后在这个时候 c 始终输入不进去,也删除不了原来计算的值,就以为不行了,所以才上来提问的。

    完全是我想多了。。

  • 主 資深大佬 : Eyon

    @TMaize

    借自己再问一下:

    如果有若干行相同的 input (当然值不同),计算属性就不能用了(原则上计算属性不能传参),还有什么思路呢?

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具