uni-app獲取dom元素data-xxx

獲取dom元素data-xxx

<picker mode="selector" @change='select_pick' :value="(i==1?pack1_index:(i==2?pack2_index:pack3_index))" :range='pack_list'
:range-key="'title'" :data-picker='i' data-item='1'>
<button class="chose_btn active">{{pack_list[(i==1?pack1_index:(i==2?pack2_index:pack3_index))].title}}</button>
</picker>

 

select_pick(e) {

// e.target.dataset.picker 即為獲取的data-picker的值
switch (Number(e.target.dataset.picker)) {}

}

 

<view class="other" ref='advance_payment' v-if="display_list['advancesPriceDisplay']!=0" :data-must="display_list['advancesPriceDisplay']">
　　<text>{{display_list.advancesPriceShow}}:</text>
　　<input v-model="advance_payment" class="input_border" type="number" />
　　<text style="width: max-content;">元</text>
</view>

　　

//表單驗證
            from_judge() {
                if(this.get_must()){
                    for (let i = 0; i < this.model_list.length; i++) {
                        console.log(this.model_list[i])
                        if(this.model_list[i].dataset.must == '2'){
                            let x = this.model_list[i].dataset.model
　　　　　　　　　　　　　　　　 // 通過字符串獲取對應this.的值
                            console.log(this[`${x}`])
                            // if(){}
                            //驗證是否為空
                            if (this[`${x}`] == '') {
                                return false
                            }
                        }
                    }
                }
                return true
            },
            //獲取所有必填項的列表
            get_must() {
                console.log("**************************------------------******************************")
                const query = uni.createSelectorQuery().in(this);
                query.selectAll('.must').fields({
                    dataset: true,
                }, data => {
                    this.model_list = data
                    console.log(data)
                }).exec();
                
                console.log("**************************------------------******************************")
                return true
            },