vue中关于select标签和option标签的value

news/2024/11/16 18:55:02/

 1.在<option>中缺省value属性,则提交数据时提交的是选定的文本。

切记易错点:  1,option中不要写value

                        2,switch的判断条件是this.operation。不需要写为this.operation.text

  <div id='app'><select name="" id="" v-model:value="operation"><option>+</option><option>-</option><option>*</option><option>/</option></select></div>var vm = new Vue({el: '#app',data: {operation: ''},methods: {calculate() {switch (this.operation) {case '+':console.log(this.operation);break;case '-':console.log(this.operation);break;case '*':console.log(this.operation);break;case '/':console.log(this.operation);break;default:break;}}}})

 2.可以在<option>中设定value属性,如此再向服务器提交的时候直接提交设定的value。

  <div id='app'><select name="" id="" v-model:value="operation"><option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option></select></div>var vm = new Vue({el: '#app',data: {operation: ''},methods: {calculate() {switch (this.operation) {case '+':console.log(this.operation);break;case '-':console.log(this.operation);break;case '*':console.log(this.operation);break;case '/':console.log(this.operation);break;default:break;}}}})


http://www.ppmy.cn/news/754245.html

相关文章

swit-字符串01-字符串重新认识

import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() var i 0 print("i \(i)") /** i是 i i 1的缩写 --i是 i i - 1的缩写 当前置的时候 先自增再返回 当后置的时候 先返回后自增 除非你需要使用 i 的…

swit 元组的用法

import UIKit//1 使用数组定义一组数据 let array ["zhengyanfeng" , 18 , 1.88] as [Any]array[0] // 取出数组中的第一个元素 array[1] // 取出数组中的第二个元素//2 使用字典定义一组数据 let dic ["name" : "zhengyanfeng" , "age&q…

enum和switch的爱恨情仇

写入枚举类A /*** author Mxhlin* Email fuhua277163.com* Date 2022/10/11/15:27* Version* Description*/ public enum A {A(1),B(2),C(3),D(4),E(5),F(6);int i;A(int i) {this.i i;}public static A fo(int i ){for (A a : A.values()){if (a.ii){return a;}}return null…

unity_android工程和android_studio工程合并

说明&#xff1a;1.开发环境&#xff1a;win10、unity3d 4.3.6f1、android studio 2.3.1.02.单个英文单词&#xff0c;均为unity编辑器里的选项 功能&#xff1a;将unity_android工程合并到原android_studio工程&#xff0c;实现在原工程中点击按钮启动unity_android工程一、un…

swit 字典用法,增删改查、合并

import UIKit//1定义字典 //1.1定义不可变字典,系统会自动判断[]里面存放的是键值对还是数组元素 let dic1 ["name":"zhengyanfeng" , "age":16 , "height":1.88] as [String : Any]//1.2定义可变字典 var dic2 [String : Any]()//2…

swit开发Dictionary详细使用

// // ViewController.swift // SwiftDictionary import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() self.view.backgroundColor UIColor.yellow; //创建一个空数组 let dic1 [Int: String]() print(dic1) //创建…

linux ps -vv,监控IO性能| free命令 |ps命令 |查看网络状态 |linux下抓包

10.6 监控IO性能 [rootaminglinux-001 ~]# iostat -x Linux 3.10.0-514.el7.x86_64 (aminglinux-001) 2018年01月22日 _x86_64_ (2 CPU) avg-cpu: %user %nice %system %iowait %steal %idle 4.87 0.00 8.42 14.51 0.00 72.20 Device: rrqm/s wrqm/s r/s w/s rkB/s wkB/s avgrq…

swit 闭包的基本使用

还是模拟网络请求&#xff0c;首先创建网络请求类 // // NetworkRequestTool.swift // Test // // Created by fe on 2017/2/28. // Copyright © 2017年 fe. All rights reserved. //import UIKitclass NetworkRequestTool: NSObject {//闭包类型&#xff1a;(参数列表…