vue 如何将一个变量作为methods名

最新推荐文章于 2023-03-27 22:17:22 发布
最新推荐文章于 2023-03-27 22:17:22 发布
阅读量787 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Luminary7/article/details/118607155
版权

test(){
alert(“test”)
},
在需要处理多个判断类型时候，调用与判断结果相同的方法时，用此方法调用能大大节省代码量：
this.$options.methods’test’

Luminary7
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 将一个组件嵌入到另一个组件中
10-27
7个例子，不同的嵌套方法，供初学者学习
vue中如何实现变量和字符串拼接
01-19
整理文档，搜刮出一个vue中如何实现变量和字符串拼接的代码，稍微整理精简一下做下分享。 在data中定义变量： data() { return { a: 'A' } } 如何通过按钮点击实现字符串和变量a的拼接呢？ <button @click='...
VUE将方法名字作为变量进行调用
qq_42306286的博客
03-31 6537
核心方法 applicationClick(methodsName){ this.$options.methods[methodsName]() }, 将方法名字作为参数
vue 将一个变量作为methods名
snailsir博客
05-21 3717
1、需求&lt;el-button v-for="button in buttonArr" :type="button.type ? button.type : 'primary'" size="mini" :icon="button.icon" :class="button.positi ? 'approach-'+button.positi : 'approach-left'" @click=..
vue 点击事件名是变量
peppa_pig的博客
07-22 787
代码】vue点击事件名是变量。
Vue中的methods方法使用技巧,三分钟迅速读懂
qq_42176665的博客
11-09 1万+
关于vue中methods的使用技巧
Vue选项式和组合式两种方法声明变量以及基本属性的讲解
defined_的博客
03-27 2338
Data中的数据是一个普通的对象，一般需要使用return返回数据，使用return包裹后，变量只在当前组件中生效，不会影响其他组件。用于在vue中定义函数，与以上三种不同的是，定义在methods中的函数需要被手动调用才可以执行，具体参照“watch”中的例子。需要注意的一点是，watch中的函数名称必须要和data中的属性名一致，watch是依赖于 data中的数据去工作的。是一个监听器，用于监听data中的数值变化，watch中的方法默认是不执行的，只有当监听的数值发生变化时才会执行。
vue中实现在外部调用methods的方法(推荐)
08-28
需要注意的是，我们需要将父组件的变量名写上 `vm.getCardNum()`，否则将无法正确调用方法。 优点 这种方法的优点是可以将组件中的方法传递到外部，使其能够被外部调用。这对于需要在外部调用 Vue 组件中的方法的...
详解Vue 全局变量，局部变量
12-08
局组件和局部组件 1.先定义组件 Vue....4.组件是一个独立的作用域, 也可以看成一个特殊的vue实例, 可以有data, methods,computed等等 注意: 组件的data是函数, 函数中需要返回一个对象作为组件的data 全局组件案例
vue.js如何将字符串当做变量使用？
浮生的博客
10-26 5487
vue.js如何将字符串当做变量使用？ 前言：最近做管理端字典管理，需要用到函数三元运算返回，return后的值是字典接口里面返回拼接的，但我发现return函数中不能直接使用拼接后的字符串，于是就查了一下，得到可以使用eval（）函数；eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。使用步骤如下： 下面展示一些 内联代码片。 // A code block var foo = 'bar'; text(){ //这个是拼接后得到的字符串 this.str = "text
vue关于变量名、方法名、id名修改心得 ⊙▽⊙
weixin_45928161的博客
03-22 2248
Idea中变量名、方法名、id名修改方法
vue中变量和字符串拼接
程序员青戈
03-10 1万+
vue字符串和变量拼接
1.0 vue3数据变量的声明（ref & reactive）
本以为成功很简单，没想到活成普通人都需拼尽全力！
12-24 7906
前言：相信大家对于vue2的使用已经挺熟练，就算遇见难题，相信大家逛于各大论坛博客也能找到解决办法，最近小编在学习vue3,记录一下学习历程，顺便提前给大家踩踩坑！ vue3数据声明，vue3采用了组合式的开发模式，在声明变量时，我们需要引入 ref 、reactive ref:针对于基础类型数据的声明，比如string，number ，boolean，也可以声明引用类型数据，array，object，但其本质内部依然采用了raective声明 reactive：针对于引用类型数据的声明，array，
vue中class名为变量的几种写法
xt_XiTu的博客
06-16 1万+
1、class名只有一个，只不过是变量 <template> <div :class="classname"></div> </template> <script> export default { data() { return { classname: 'haha' } } } </script> 2、通过对象形式 此种方式适合针对固定的class名，判断是否存在此class名称 <template&gt
vue中关于变量的定义
热门推荐
github_39274378的博客
07-26 2万+
vue中有4种变量的定义 1data data中定义的变量是我们需要去维护的，会被多次改变或者使用到 2computed computed中计算属性中的定义的变量会被自动计算 需要注意的是computed中的变量不能在data中定义，会冲突，说简单点，data中的变量我们自己控制变化，在不同的methods中定义会怎样变化或者被赋值，比如购物车列表数据，在增删改过程中都会...
vue 变量名的字符串获取变量
小米粒的博客
07-17 3627
需求： vue项目中存在变量option1和option2；通过option+'num'的形式进行读取变量的内容 第一步：定义方法： changeOPtions(num){ let NumB = Number(num)+1; let option="option"+NumB; return option; }, //通过此方法拼接变量名称得到字符串 第二步方法： let cc = this.changeOPtions(echartType);..
html引入axios.js
Luminary7的博客
11-03 4494
1、引入axios.min.js 2、 this.baseurl_ = http://192.168.**.***:**** var params = { id: row.id, name : row.name, value: row.value, }; axios.get(`${this.baseurl_}/api/v1/radius/update`,{params: params}).then(res => { console.log("saveRoi"+JSON.stringi
报错：[Vue warn]: Error in render: “TypeError: Cannot convert undefined or null to object“ found in
Luminary7的博客
02-20 4026
关于解决：[Vue warn]: Error in render: “TypeError: Cannot convert undefined or null to object” found in 报错问题 object报错的解决方法：在data里赋初值 比如：seasonList: [{}]
vue 点击保存时判断表单数据是否有变化，有变化则可提交
Luminary7的博客
11-21 2098
vue 点击保存时判断表单数据是否有变化，有变化则可提交
vue 多组件共用一个变量
最新发布
06-12
在Vue中，可以使用`Vuex`来实现多组件共用一个变量。`Vuex`是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 具体实现步骤如下： 1. 安装`Vuex` 使用 npm 安装： ``` npm install vuex --save ``` 2. 创建 store 在项目根目录下创建`store`文件夹，在该文件夹下创建`index.js`文件，编写以下代码： ```javascript import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state.count++ } }, actions: { increment (context) { context.commit('increment') } } }) ``` 上述代码中，我们定义了一个状态`count`和一个`increment`的`mutation`方法，用来修改`count`的值。 3. 在组件中使用 在需要使用`count`的组件中，可以通过以下方式来使用： ```javascript <template> <div> <p>{{ count }}</p> <button @click="increment">加1</button> </div> </template> <script> import { mapState, mapActions } from 'vuex' export default { computed: { ...mapState(['count']) }, methods: { ...mapActions(['increment']) } } </script> ``` 上述代码中，我们使用了`mapState`和`mapActions`来映射`state`和`actions`中的方法和变量。这样，在模板中就可以直接使用`count`变量和`increment`方法了。 这样，多个组件就可以共用一个状态`count`了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值