1. 首页 > 科技

vue vant-cell value 提问? vue定义变量

vue vant-cell value 提问?vue定义变量

vue的vant组件,<van-form>l里面有没有类似<input type="hidden">的隐藏文本,用来表单传值?

自己设置隐藏就行,添加一个输入框,设置visibility: hidden;

vue中引入vux报错:如果你看到这一行

不推荐的方式,会打包所有vux模块

import { Group, Cell } from 'vux'

推荐的方式,按需加载需要的组件

import Group from 'vux/dist/components/group'

import Cell from 'vux/dist/components/cell'

vue数组里面的数据怎么computed

Vue中computed就是 实时计算 使用。

Vue检测到数据发生变动时就会执行对相应数据有引用的函数。

下面是一个demo。引用自己的vue.js就可以看效果。

利用computed可以做一些监控之类的效果。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">

<title>title</title>

<link href="" rel="stylesheet">

<script src="js/vue.js"></script>

</head>

<body>

<template id="vue">

<input type="text" v-model="name" />

<label v-for="cb in inputs">

<input type="checkbox" value="{{cb.value}}" v-model="checkbox" />{{cb.name}}

</label> <br>

<div> <!--下面2个是一样的效果-->

{{checkbox||json}}<br>

{{getCheckBoxes}}<br>

</div>

<div><!--下面2个是一样的效果-->

{{getName}}<br>

{{name}}

</div>

</template>

</body>

<script type="text/javascript">

var inputs = ['JAVA','C#','RUBY'].map(function (el,index) {

return {value:index,name:el};

});

var vm= new Vue({

el:'#vue',

data:{

name:'testName',

inputs:inputs,

checkbox:['0']

},

watch:{

//检测属性变化

'name':function(newValue,oldValue){

console.log('name has changed ',newValue,oldValue);

}

},

computed:{

getCheckBoxes:function(){

console.log('run getCheckBoxes');

return this.checkbox.join(',');

},

getName:function(){

console.log('run getName');

this.checkbox.join(',');

console.log("getName use checkbox");

return this.name;

}

}

});

</script>

</html>

您的回答已成功提交!非常感谢您帮助提问者解决难题:)

您的问题已成功提交