vux的x-input组件切换密码明文

Question

       <group label-margin-right="4em" label-align="right">
            <x-input title="账户" placeholder="手机号/会员号"></x-input>
            <x-input title="密码" v-model="pwd" type="password" placeholder="密码">
                <input slot="right" type="checkbox"/>
            </x-input>
        </group>
        
        import { XInput, Group, XButton, Cell } from 'vux';
        

我想问为啥没效果？？？
老铁们，帮忙看下>_<

Answer 1

        <group label-margin-right="4em" label-align="right">
            <x-input title="账户" placeholder="手机号/会员号"></x-input>
            <x-input title="密码" v-model="pwd" :type="pwdType" placeholder="密码">
                <input slot="right" type="checkbox" @click="changeType"/>
            </x-input>
        </group>
        
        changeType(){
            this.pwdType = this.pwdType==='password'?'text':'password'
        }

顺便吐槽下，密码保存在浏览器也不太安全，只要 F12打开 devtool 修改input的 type 就能看到明文

Answer 2

既然是自定义 slot 当然是自己在自定义 slot 元素加上点击事件，切换 x-input 的 type。

Answer 3

//self.$store.dispatch('showLoading')
self.$http.post(HOST + url, params).then((res) => {
//self.$store.dispatch('hideLoading')
res = res.data
let result = res.result
if (result == 'success') {
successback(res).....
详细代码 我就不贴了
这个是只要在网络请求前加this.$store.dispatch('showLoading') 相关 vue就会被销毁再重新创建再销毁依次循环导致写在mounted的网络请求不停地请求。。。去掉这行代码就好了 加在官方的router也可以 怎么解决呢
又发现this.$store.dispatch('showLoading')再延时this.$store.dispatch('hideLoading'),直接加在vue的mounted 也会执行destoryed->created 再destoryed 依次无限制执行

有没遇见这种问题 或者vux怎么用vuex啊