添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
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表达式?是由运算元和运算符(可选)构成,并产生运算结果的语法结构。表达式分为单表达式、复合表达式。单表达...