data = {'dataName':'test1','dataValue':12}
我界面需要把数据都展示出来,所以我想把收到的数据都保存在一个变量里面,然后在前端直接点key就拿到值了。
把数据处理一下改成下面的形式,然后前端就可以直接点key获取值了。
dataValue = {'test1':12}
处理成上面的数据,我前段就可以直接
<p>{{dataValue.test1}}</p>
来获取值了,首先得保证我们的dataName是已知的。
怎样转换呢,下面这样!
this.$set(this.dataValue , this.data.dataName, this.data.dataValue)
就可以了!
this.$set(要添加到的字典值对象 , key, value)
let lable = ''
this.companyTypeList.forEach(item => {
if (item.value === this.formData.rank) {
la...
局组件和局部组件
1.先定义组件 Vue.component(‘组件名’, { 组件模板对象 })
注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写
例如: 组件–>mtText 使用时–> <my></my>
2.配置组件的模板 注意: 组件的模板内容有且只有一个根元素
3.在视图层里调用 ,用双标签
4.组件是一个独立的作用域, 也可以看成一个特殊的vue实例, 可以有data, methods,computed等等
注意: 组件的data是函数, 函数中需要返回一个对象作为组件的data
全局组件案例
* @classdesc 字典
* @property {Object} label 标签对象,内部属性名为字典类型名称
* @property {Object} dict 字段数组,内部属性名为字典类型名称
* @property {Ar
res.data需要循环的数组,newKey:创建新的key,newValue:创建对应key的值
//从数组中循环想要的键值对的值,并重新创建k-v值
var newArr=res.data.map(item=>({
newKey:item.key,
newValue:item.value
Vue 不能检测以下变动的数组:
当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue
当你修改数组的长度时,例如:vm.items.length = newLength
当第一种情况需求时,可以使用this.$set(this.arr,index,newVal)
Vue 不能检测对象属性的添加或删除:
可以使用this.$set(this.person,'age',12)
当需要添加多个对象时,Object.assign({},this.person,{age:12,name:'wee'})
PS:Vue实现对数组、对象的深拷贝、
vue模板语法篇插值在vue项目中,要动态的显示某个值你只需要使用双大括号{{}},当vue监测到值发生改变,自动会更新视图。消息: {{ message }}注意:双大括号不能作用在html元素上,此时你应该用指令。双大括号的常用场景:javascript 表达式什么是javascript表达式?是由运算元和运算符(可选)构成,并产生运算结果的语法结构。表达式分为单值表达式、复合表达式。单值表达...