input元素中设置type=‘hidden‘

m0_62782752

于 2024-08-23 17:30:05 发布

阅读量133

点赞数 2

文章标签： java 前端 javascript

本文链接：https://blog.csdn.net/m0_62782752/article/details/141470136

版权

input元素中设置type='hidden'是一种特殊的技术手段，用于在不影响用户体验的前提下，向服务器传递重要但不需要用户直接操作的数据。

.........
<input type="hidden" :value="socketMsg"/>
.........
<script>
export default{
mounted(){},
data(){},
computed:{
    socketMsg(){
        if(this.$store.state.unApproveNumber.data>0){
            this.showMsg = true;
        }else{
             this.showMsg = false;
        }
       return this.$store.state.unApproveNumber.timer
    }
}
</script>


}

vuex中的

import Vuex from 'vuex'
import tools from '../tools/common'
Vue.use(Vuex)
//数据仓库
const store = new Vuex.Store({
    state:{
        unApproveNumber:{
            data:'',
            timer:'',
        }
    },
    mutations:{
       upWebSocketInfo:(state,newWebSocketMsg)=>{
            if(newWebSocketMsg !=null){
                state.unApproveNumber = newWebSocketMsg
            }else{
                state.unApproveNumber = {
                    data:'',
                    timer:''
                }//用于清空数据
            }
        }
    }
})