<view class="screen-title" :class="screenType == index ? 'screen-pitchon' :'screen-title'" v-for="(item,index) in recommendLsit" :key="index" @click="getscreen(item,index)"> {{item.attrname}}{{screenType}} </view>
时间: 2023-07-19 11:23:21 浏览: 55
根据你提供的代码,我可以看出你是在使用uniapp框架开发一个页面,其中涉及到动态绑定class的问题。你的问题是:动态绑定class时默认都不选中。我理解你的意思是当你执行该代码时,发现默认情况下没有选中任何一个 `view` 标签,即没有添加 `screen-pitchon` 类。
这是因为在你的代码中,`screenType` 的初始值不等于任何一个 `index` 值。所以当你第一次执行该代码时,`screenType` 的值不等于 `index` 值,不会添加 `screen-pitchon` 类。
如果你想让某一个 `view` 标签默认选中,可以在 `data` 中为 `screenType` 赋予一个初始值。例如:
```javascript
data() {
return {
// 设置初始值为 0,即默认选中第一个标签
screenType: 0,
recommendLsit: [...]
}
}
```
这样在第一次执行该代码时,`screenType` 的值就等于第一个 `index` 值,会添加 `screen-pitchon` 类,从而默认选中第一个标签。
相关问题
设计一组包含继承和派生的类,最下层的类至少包括初始化的构造函数和显示信息的成员函数,并考虑其他的对象行为
好的,我可以为你设计一组包含继承和派生的类。假设我们要设计一个电子产品销售系统,我们可以设计一个最基本的ElectronicProduct类,然后从这个类继承出手机类(Phone)、电视类(TV)和电脑类(Computer)。
下面是一个简单的类设计示例:
```c++
class ElectronicProduct {
protected:
string name;
double price;
int stock;
public:
ElectronicProduct(string n, double p, int s) : name(n), price(p), stock(s) {}
virtual void display() {
cout << "Name: " << name << endl;
cout << "Price: " << price << endl;
cout << "Stock: " << stock << endl;
}
};
class Phone : public ElectronicProduct {
private:
string brand;
string model;
public:
Phone(string n, double p, int s, string b, string m) : ElectronicProduct(n, p, s), brand(b), model(m) {}
void display() {
ElectronicProduct::display();
cout << "Brand: " << brand << endl;
cout << "Model: " << model << endl;
}
};
class TV : public ElectronicProduct {
private:
string screenType;
public:
TV(string n, double p, int s, string st) : ElectronicProduct(n, p, s), screenType(st) {}
void display() {
ElectronicProduct::display();
cout << "Screen Type: " << screenType << endl;
}
};
class Computer : public ElectronicProduct {
private:
string cpu;
int memory;
public:
Computer(string n, double p, int s, string c, int m) : ElectronicProduct(n, p, s), cpu(c), memory(m) {}
void display() {
ElectronicProduct::display();
cout << "CPU: " << cpu << endl;
cout << "Memory: " << memory << " GB" << endl;
}
};
```
在这个设计中,ElectronicProduct类是最基本的类,包含电子产品的名称,价格和库存等基本信息。Phone、TV和Computer类都是从ElectronicProduct类派生而来的子类,并且每个子类都有自己的特定信息。
每个类都有一个初始化的构造函数和一个显示信息的成员函数,其中显示信息的成员函数使用虚函数实现了多态性,因为我们希望每个子类都能够使用自己的方式来展示信息。
这个设计只是一个简单的示例,你可以根据你的需要和具体情况进行更改和扩展。
怎么让上面的代码默认都不选中
如果你想让上面的代码默认都不选中,可以将 `screenType` 的初始值设置为一个不存在的值,例如:
```javascript
data() {
return {
// 设置初始值为 -1,即默认都不选中
screenType: -1,
recommendLsit: [...]
}
}
```
这样,在第一次执行该代码时,`screenType` 的值不等于任何一个 `index` 值,不会添加 `screen-pitchon` 类,从而默认都不选中。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![sb3](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)